{"id":53,"date":"2026-06-03T13:37:33","date_gmt":"2026-06-03T06:37:33","guid":{"rendered":"https:\/\/www.qichuanwang.com\/?page_id=53"},"modified":"2026-07-22T17:34:40","modified_gmt":"2026-07-22T10:34:40","slug":"%e8%af%ad%e8%a8%80%e3%80%81%e6%96%87%e5%ad%97","status":"publish","type":"page","link":"https:\/\/www.qichuanwang.com\/index.php\/%e8%af%ad%e8%a8%80%e3%80%81%e6%96%87%e5%ad%97\/","title":{"rendered":"\u8bed\u8a00\u3001\u6587\u5b57\uff0c  \u5b57\u5e93"},"content":{"rendered":"\n<div class=\"wp-block-media-text is-stacked-on-mobile\" style=\"grid-template-columns:18% auto\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/chat.baidu_.com_1925010071.jpg\" alt=\"\" class=\"wp-image-402 size-full\" srcset=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/chat.baidu_.com_1925010071.jpg 1024w, https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/chat.baidu_.com_1925010071-300x300.jpg 300w, https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/chat.baidu_.com_1925010071-150x150.jpg 150w, https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/chat.baidu_.com_1925010071-768x768.jpg 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"wp-block-paragraph\"><strong>\u6b22\u8fce\u53c2\u9605\u672c\u5b57\u5e93\uff0c\u672c\u5b57\u5e93\u5c06\u6210\u4e3a\u60a8\u4f20\u627f\u534e\u97f3\u7684\u7b2c\u4e00\u6b65\u3002\u5b66\u4e60\u534e\u590f\u8bed\u8a00\u7684\u7b2c\u4e00\u6b65\u3002<\/strong><\/p>\n<\/div><\/div>\n\n\n\n<style data-wp-block-html=\"css\">\n.language-audio-board{\n  position: relative;\n  width: min(100%, 965px);\n  aspect-ratio: 1058 \/ 380;\n  margin: 0 auto;\n  background: url('https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u6a21\u7248\u8bed\u8a00\u6587\u5b57.jpg') center \/ 100% 100% no-repeat;\n  overflow: hidden;\n}\n\n.language-audio-board *{\n  box-sizing: border-box;\n}\n\n.language-audio-board .board-image{\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  padding: 6px;\n}\n\n.language-audio-board .board-image img{\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: contain;\n  object-position: center;\n}\n\n.language-audio-board .board-image-left{\n  left: 11%;\n  top: 23.2%;\n  width: 17.8%;\n  height: 53.6%;\n  padding: 0;\n}\n\n.language-audio-board .board-image-left img{\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: cover;\n  object-position: center;\n}\n\n.language-audio-board .board-image-center{\n  left: 10%;\n  top: 10%;\n  width: 80.5%;\n  height: 80.5%;\n}\n\n.language-audio-board .voice-hotspot{\n  position: absolute;\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: transparent;\n  cursor: pointer;\n  border-radius: 8px;\n  transition: background-color .2s ease, box-shadow .2s ease, transform .15s ease;\n}\n\n.language-audio-board .voice-hotspot:hover,\n.language-audio-board .voice-hotspot.is-active{\n  background: rgba(201, 79, 37, 0.10);\n  box-shadow: inset 0 0 0 2px rgba(201, 79, 37, 0.35);\n}\n\n.language-audio-board .voice-hotspot:active{\n  transform: scale(0.98);\n}\n\n.language-audio-board .voice-hotspot:focus{\n  outline: 2px solid #c94f25;\n  outline-offset: 2px;\n}\n\n.language-audio-board .hotspot-mandarin{\n  left: 37%;\n  top: 11.5%;\n  width: 26.5%;\n  height: 77.5%;\n}\n\n.language-audio-board .hotspot-hakka{\n  left: 66.5%;\n  top: 25%;\n  width: 13%;\n  height: 23%;\n}\n\n.language-audio-board .hotspot-cantonese{\n  left: 80.5%;\n  top: 25%;\n  width: 13%;\n  height: 23%;\n}\n\n.language-audio-board .hotspot-teochew{\n  left: 66.5%;\n  top: 52%;\n  width: 13%;\n  height: 23.5%;\n}\n\n.language-audio-board .hotspot-minnan{\n  left: 80.5%;\n  top: 52%;\n  width: 13%;\n  height: 23.5%;\n}\n\n@media (max-width: 768px){\n  .language-audio-board .board-image{\n    padding: 4px;\n  }\n\n  .language-audio-board .board-image-left{\n    padding: 0;\n  }\n\n  .language-audio-board .voice-hotspot{\n    border-radius: 4px;\n  }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener('DOMContentLoaded', function () {\n  document.querySelectorAll('.language-audio-board').forEach(function (board) {\n    var buttons = board.querySelectorAll('.voice-hotspot');\n    var audios = board.querySelectorAll('audio');\n\n    function stopAllAudio() {\n      audios.forEach(function (audio) {\n        audio.pause();\n        audio.currentTime = 0;\n      });\n\n      buttons.forEach(function (btn) {\n        btn.classList.remove('is-active');\n      });\n    }\n\n    buttons.forEach(function (btn) {\n      btn.addEventListener('click', function () {\n        var key = btn.getAttribute('data-audio-key');\n        var targetAudio = board.querySelector('audio[data-audio-key=\"' + key + '\"]');\n        if (!targetAudio) return;\n\n        stopAllAudio();\n        btn.classList.add('is-active');\n\n        var playPromise = targetAudio.play();\n        if (playPromise !== undefined) {\n          playPromise.catch(function (err) {\n            console.log('\u97f3\u9891\u64ad\u653e\u5931\u8d25\uff1a', err);\n          });\n        }\n      });\n    });\n\n    audios.forEach(function (audio) {\n      audio.addEventListener('ended', function () {\n        buttons.forEach(function (btn) {\n          btn.classList.remove('is-active');\n        });\n      });\n    });\n  });\n});\n<\/script>\n\n<div class=\"language-audio-board\">\n\n  <div class=\"board-image board-image-left\">\n    <img decoding=\"async\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/hanyu.baidu_.com_ba0a041b62c4347f0ba3f4e086316baa8.gif\" alt=\"\u5de6\u4fa7\u5c55\u793a\u56fe\u7247\">\n  <\/div>\n\n  <div class=\"board-image board-image-center\">\n    <img decoding=\"async\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u6211.jpg\" alt=\"\u4e2d\u95f4\u5c55\u793a\u56fe\u7247\">\n  <\/div>\n\n  <button type=\"button\" class=\"voice-hotspot hotspot-mandarin\" data-audio-key=\"mandarin\" aria-label=\"\u666e\u901a\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-hakka\" data-audio-key=\"hakka\" aria-label=\"\u5ba2\u5bb6\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-cantonese\" data-audio-key=\"cantonese\" aria-label=\"\u5e7f\u5e9c\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-teochew\" data-audio-key=\"teochew\" aria-label=\"\u6f6e\u5dde\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-minnan\" data-audio-key=\"minnan\" aria-label=\"\u95fd\u5357\u8bdd\u53d1\u97f3\"><\/button>\n\n  <audio preload=\"auto\" data-audio-key=\"mandarin\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u666e\u901a\u8bdd\u6211.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"hakka\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u5ba2\u5bb6\u8bdd\u6211.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"cantonese\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u5e7f\u5dde\u8bdd\u6211_1.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"teochew\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u6f6e\u5dde\u8bdd_\u6211.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"minnan\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u95fd\u5357\u8bed\u6211.wav\"><\/audio>\n\n<\/div>\n\n\n\n<style data-wp-block-html=\"css\">\n.language-audio-board{\n  position: relative;\n  width: min(100%, 965px);\n  aspect-ratio: 1058 \/ 380;\n  margin: 0 auto;\n  background: url('https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u6a21\u7248\u8bed\u8a00\u6587\u5b57.jpg') center \/ 100% 100% no-repeat;\n  overflow: hidden;\n}\n\n.language-audio-board *{\n  box-sizing: border-box;\n}\n\n.language-audio-board .board-image{\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  padding: 6px;\n}\n\n.language-audio-board .board-image img{\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: contain;\n  object-position: center;\n}\n\n.language-audio-board .board-image-left{\n  left: 11%;\n  top: 23.2%;\n  width: 17.8%;\n  height: 53.6%;\n  padding: 0;\n}\n\n.language-audio-board .board-image-left img{\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: cover;\n  object-position: center;\n}\n\n.language-audio-board .board-image-center{\n  left: 10%;\n  top: 10%;\n  width: 80.5%;\n  height: 80.5%;\n}\n\n.language-audio-board .voice-hotspot{\n  position: absolute;\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: transparent;\n  cursor: pointer;\n  border-radius: 8px;\n  transition: background-color .2s ease, box-shadow .2s ease, transform .15s ease;\n}\n\n.language-audio-board .voice-hotspot:hover,\n.language-audio-board .voice-hotspot.is-active{\n  background: rgba(201, 79, 37, 0.10);\n  box-shadow: inset 0 0 0 2px rgba(201, 79, 37, 0.35);\n}\n\n.language-audio-board .voice-hotspot:active{\n  transform: scale(0.98);\n}\n\n.language-audio-board .voice-hotspot:focus{\n  outline: 2px solid #c94f25;\n  outline-offset: 2px;\n}\n\n.language-audio-board .hotspot-mandarin{\n  left: 37%;\n  top: 11.5%;\n  width: 26.5%;\n  height: 77.5%;\n}\n\n.language-audio-board .hotspot-hakka{\n  left: 66.5%;\n  top: 25%;\n  width: 13%;\n  height: 23%;\n}\n\n.language-audio-board .hotspot-cantonese{\n  left: 80.5%;\n  top: 25%;\n  width: 13%;\n  height: 23%;\n}\n\n.language-audio-board .hotspot-teochew{\n  left: 66.5%;\n  top: 52%;\n  width: 13%;\n  height: 23.5%;\n}\n\n.language-audio-board .hotspot-minnan{\n  left: 80.5%;\n  top: 52%;\n  width: 13%;\n  height: 23.5%;\n}\n\n@media (max-width: 768px){\n  .language-audio-board .board-image{\n    padding: 4px;\n  }\n\n  .language-audio-board .board-image-left{\n    padding: 0;\n  }\n\n  .language-audio-board .voice-hotspot{\n    border-radius: 4px;\n  }\n}\n\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener('DOMContentLoaded', function () {\n  document.querySelectorAll('.language-audio-board').forEach(function (board) {\n    var buttons = board.querySelectorAll('.voice-hotspot');\n    var audios = board.querySelectorAll('audio');\n\n    function stopAllAudio() {\n      audios.forEach(function (audio) {\n        audio.pause();\n        audio.currentTime = 0;\n      });\n\n      buttons.forEach(function (btn) {\n        btn.classList.remove('is-active');\n      });\n    }\n\n    buttons.forEach(function (btn) {\n      btn.addEventListener('click', function () {\n        var key = btn.getAttribute('data-audio-key');\n        var targetAudio = board.querySelector('audio[data-audio-key=\"' + key + '\"]');\n        if (!targetAudio) return;\n\n        stopAllAudio();\n        btn.classList.add('is-active');\n\n        var playPromise = targetAudio.play();\n        if (playPromise !== undefined) {\n          playPromise.catch(function (err) {\n            console.log('\u97f3\u9891\u64ad\u653e\u5931\u8d25\uff1a', err);\n          });\n        }\n      });\n    });\n\n    audios.forEach(function (audio) {\n      audio.addEventListener('ended', function () {\n        buttons.forEach(function (btn) {\n          btn.classList.remove('is-active');\n        });\n      });\n    });\n  });\n});\n<\/script>\n\n<div class=\"language-audio-board\">\n\n  <div class=\"board-image board-image-left\">\n    <img decoding=\"async\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/srchttps___hanyu-word-gif.cdn_.bcebos.com_b34dd6ef867974b4385894bb0aaeb1c2b.gifreferhttp___www.baidu_.gif\" alt=\"\u5de6\u4fa7\u5c55\u793a\u56fe\u7247\">\n  <\/div>\n\n  <div class=\"board-image board-image-center\">\n    <img decoding=\"async\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u4f60.jpg\" alt=\"\u4e2d\u95f4\u5c55\u793a\u56fe\u7247\">\n  <\/div>\n\n  <button type=\"button\" class=\"voice-hotspot hotspot-mandarin\" data-audio-key=\"mandarin\" aria-label=\"\u666e\u901a\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-hakka\" data-audio-key=\"hakka\" aria-label=\"\u5ba2\u5bb6\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-cantonese\" data-audio-key=\"cantonese\" aria-label=\"\u5e7f\u5e9c\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-teochew\" data-audio-key=\"teochew\" aria-label=\"\u6f6e\u5dde\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-minnan\" data-audio-key=\"minnan\" aria-label=\"\u95fd\u5357\u8bdd\u53d1\u97f3\"><\/button>\n\n  <audio preload=\"auto\" data-audio-key=\"mandarin\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u666e\u901a\u8bdd\u4f60.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"hakka\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u5ba2\u5bb6\u8bdd\u4f60.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"cantonese\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u5e7f\u5dde\u8bdd\u4f60_1.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"teochew\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u6f6e\u5dde\u8bdd_\u4f60.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"minnan\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u95fd\u5357\u8bed\u4f60.wav\"><\/audio>\n\n<\/div>\n\n\n\n<style data-wp-block-html=\"css\">\n.language-audio-board{\n  position: relative;\n  width: min(100%, 965px);\n  aspect-ratio: 1058 \/ 380;\n  margin: 0 auto;\n  background: url('https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u6a21\u7248\u8bed\u8a00\u6587\u5b57.jpg') center \/ 100% 100% no-repeat;\n  overflow: hidden;\n}\n\n.language-audio-board *{\n  box-sizing: border-box;\n}\n\n.language-audio-board .board-image{\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  padding: 6px;\n}\n\n.language-audio-board .board-image img{\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: contain;\n  object-position: center;\n}\n\n.language-audio-board .board-image-left{\n  left: 11%;\n  top: 23.2%;\n  width: 17.8%;\n  height: 53.6%;\n  padding: 0;\n}\n\n.language-audio-board .board-image-left img{\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: cover;\n  object-position: center;\n}\n\n.language-audio-board .board-image-center{\n  left: 10%;\n  top: 10%;\n  width: 80.5%;\n  height: 80.5%;\n}\n\n.language-audio-board .voice-hotspot{\n  position: absolute;\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: transparent;\n  cursor: pointer;\n  border-radius: 8px;\n  transition: background-color .2s ease, box-shadow .2s ease, transform .15s ease;\n}\n\n.language-audio-board .voice-hotspot:hover,\n.language-audio-board .voice-hotspot.is-active{\n  background: rgba(201, 79, 37, 0.10);\n  box-shadow: inset 0 0 0 2px rgba(201, 79, 37, 0.35);\n}\n\n.language-audio-board .voice-hotspot:active{\n  transform: scale(0.98);\n}\n\n.language-audio-board .voice-hotspot:focus{\n  outline: 2px solid #c94f25;\n  outline-offset: 2px;\n}\n\n.language-audio-board .hotspot-mandarin{\n  left: 37%;\n  top: 11.5%;\n  width: 26.5%;\n  height: 77.5%;\n}\n\n.language-audio-board .hotspot-hakka{\n  left: 66.5%;\n  top: 25%;\n  width: 13%;\n  height: 23%;\n}\n\n.language-audio-board .hotspot-cantonese{\n  left: 80.5%;\n  top: 25%;\n  width: 13%;\n  height: 23%;\n}\n\n.language-audio-board .hotspot-teochew{\n  left: 66.5%;\n  top: 52%;\n  width: 13%;\n  height: 23.5%;\n}\n\n.language-audio-board .hotspot-minnan{\n  left: 80.5%;\n  top: 52%;\n  width: 13%;\n  height: 23.5%;\n}\n\n@media (max-width: 768px){\n  .language-audio-board .board-image{\n    padding: 4px;\n  }\n\n  .language-audio-board .board-image-left{\n    padding: 0;\n  }\n\n  .language-audio-board .voice-hotspot{\n    border-radius: 4px;\n  }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener('DOMContentLoaded', function () {\n  document.querySelectorAll('.language-audio-board').forEach(function (board) {\n    var buttons = board.querySelectorAll('.voice-hotspot');\n    var audios = board.querySelectorAll('audio');\n\n    function stopAllAudio() {\n      audios.forEach(function (audio) {\n        audio.pause();\n        audio.currentTime = 0;\n      });\n\n      buttons.forEach(function (btn) {\n        btn.classList.remove('is-active');\n      });\n    }\n\n    buttons.forEach(function (btn) {\n      btn.addEventListener('click', function () {\n        var key = btn.getAttribute('data-audio-key');\n        var targetAudio = board.querySelector('audio[data-audio-key=\"' + key + '\"]');\n        if (!targetAudio) return;\n\n        stopAllAudio();\n        btn.classList.add('is-active');\n\n        var playPromise = targetAudio.play();\n        if (playPromise !== undefined) {\n          playPromise.catch(function (err) {\n            console.log('\u97f3\u9891\u64ad\u653e\u5931\u8d25\uff1a', err);\n          });\n        }\n      });\n    });\n\n    audios.forEach(function (audio) {\n      audio.addEventListener('ended', function () {\n        buttons.forEach(function (btn) {\n          btn.classList.remove('is-active');\n        });\n      });\n    });\n  });\n});\n<\/script>\n\n<div class=\"language-audio-board\">\n\n  <div class=\"board-image board-image-left\">\n    <img decoding=\"async\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u4ed6.gif\" alt=\"\u5de6\u4fa7\u5c55\u793a\u56fe\u7247\">\n  <\/div>\n\n  <div class=\"board-image board-image-center\">\n    <img decoding=\"async\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u4ed6-1.jpg\" alt=\"\u4e2d\u95f4\u5c55\u793a\u56fe\u7247\">\n  <\/div>\n\n  <button type=\"button\" class=\"voice-hotspot hotspot-mandarin\" data-audio-key=\"mandarin\" aria-label=\"\u666e\u901a\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-hakka\" data-audio-key=\"hakka\" aria-label=\"\u5ba2\u5bb6\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-cantonese\" data-audio-key=\"cantonese\" aria-label=\"\u5e7f\u5e9c\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-teochew\" data-audio-key=\"teochew\" aria-label=\"\u6f6e\u5dde\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-minnan\" data-audio-key=\"minnan\" aria-label=\"\u95fd\u5357\u8bdd\u53d1\u97f3\"><\/button>\n\n  <audio preload=\"auto\" data-audio-key=\"mandarin\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u666e\u901a\u8bdd\u4ed6.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"hakka\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u5ba2\u5bb6\u8bdd\u4ed6.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"cantonese\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u5e7f\u5dde\u8bdd\u4ed6.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"teochew\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u6f6e\u5dde\u8bdd\u4ed6.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"minnan\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u95fd\u5357\u8bed\u4ed6.wav\"><\/audio>\n\n<\/div>\n\n\n\n<style data-wp-block-html=\"css\">\n.language-audio-board{\n  position: relative;\n  width: min(100%, 965px);\n  aspect-ratio: 1058 \/ 380;\n  margin: 0 auto;\n  background: url('https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u6a21\u7248\u8bed\u8a00\u6587\u5b57.jpg') center \/ 100% 100% no-repeat;\n  overflow: hidden;\n}\n\n.language-audio-board *{\n  box-sizing: border-box;\n}\n\n.language-audio-board .board-image{\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  padding: 6px;\n}\n\n.language-audio-board .board-image img{\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: contain;\n  object-position: center;\n}\n\n.language-audio-board .board-image-left{\n  left: 11%;\n  top: 23.2%;\n  width: 17.8%;\n  height: 53.6%;\n  padding: 0;\n}\n\n.language-audio-board .board-image-left img{\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: cover;\n  object-position: center;\n}\n\n.language-audio-board .board-image-center{\n  left: 10%;\n  top: 10%;\n  width: 80.5%;\n  height: 80.5%;\n}\n\n.language-audio-board .voice-hotspot{\n  position: absolute;\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: transparent;\n  cursor: pointer;\n  border-radius: 8px;\n  transition: background-color .2s ease, box-shadow .2s ease, transform .15s ease;\n}\n\n.language-audio-board .voice-hotspot:hover,\n.language-audio-board .voice-hotspot.is-active{\n  background: rgba(201, 79, 37, 0.10);\n  box-shadow: inset 0 0 0 2px rgba(201, 79, 37, 0.35);\n}\n\n.language-audio-board .voice-hotspot:active{\n  transform: scale(0.98);\n}\n\n.language-audio-board .voice-hotspot:focus{\n  outline: 2px solid #c94f25;\n  outline-offset: 2px;\n}\n\n.language-audio-board .hotspot-mandarin{\n  left: 37%;\n  top: 11.5%;\n  width: 26.5%;\n  height: 77.5%;\n}\n\n.language-audio-board .hotspot-hakka{\n  left: 66.5%;\n  top: 25%;\n  width: 13%;\n  height: 23%;\n}\n\n.language-audio-board .hotspot-cantonese{\n  left: 80.5%;\n  top: 25%;\n  width: 13%;\n  height: 23%;\n}\n\n.language-audio-board .hotspot-teochew{\n  left: 66.5%;\n  top: 52%;\n  width: 13%;\n  height: 23.5%;\n}\n\n.language-audio-board .hotspot-minnan{\n  left: 80.5%;\n  top: 52%;\n  width: 13%;\n  height: 23.5%;\n}\n\n@media (max-width: 768px){\n  .language-audio-board .board-image{\n    padding: 4px;\n  }\n\n  .language-audio-board .board-image-left{\n    padding: 0;\n  }\n\n  .language-audio-board .voice-hotspot{\n    border-radius: 4px;\n  }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener('DOMContentLoaded', function () {\n  document.querySelectorAll('.language-audio-board').forEach(function (board) {\n    var buttons = board.querySelectorAll('.voice-hotspot');\n    var audios = board.querySelectorAll('audio');\n\n    function stopAllAudio() {\n      audios.forEach(function (audio) {\n        audio.pause();\n        audio.currentTime = 0;\n      });\n\n      buttons.forEach(function (btn) {\n        btn.classList.remove('is-active');\n      });\n    }\n\n    buttons.forEach(function (btn) {\n      btn.addEventListener('click', function () {\n        var key = btn.getAttribute('data-audio-key');\n        var targetAudio = board.querySelector('audio[data-audio-key=\"' + key + '\"]');\n        if (!targetAudio) return;\n\n        stopAllAudio();\n        btn.classList.add('is-active');\n\n        var playPromise = targetAudio.play();\n        if (playPromise !== undefined) {\n          playPromise.catch(function (err) {\n            console.log('\u97f3\u9891\u64ad\u653e\u5931\u8d25\uff1a', err);\n          });\n        }\n      });\n    });\n\n    audios.forEach(function (audio) {\n      audio.addEventListener('ended', function () {\n        buttons.forEach(function (btn) {\n          btn.classList.remove('is-active');\n        });\n      });\n    });\n  });\n});\n<\/script>\n\n<div class=\"language-audio-board\">\n\n  <div class=\"board-image board-image-left\">\n    <img decoding=\"async\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u8c01.gif\" alt=\"\u5de6\u4fa7\u5c55\u793a\u56fe\u7247\">\n  <\/div>\n\n  <div class=\"board-image board-image-center\">\n    <img decoding=\"async\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u6a21\u7248\u3001\u81ea\u7531\u5b572_\u526f\u672c.jpg\" alt=\"\u4e2d\u95f4\u5c55\u793a\u56fe\u7247\">\n  <\/div>\n\n  <button type=\"button\" class=\"voice-hotspot hotspot-mandarin\" data-audio-key=\"mandarin\" aria-label=\"\u666e\u901a\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-hakka\" data-audio-key=\"hakka\" aria-label=\"\u5ba2\u5bb6\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-cantonese\" data-audio-key=\"cantonese\" aria-label=\"\u5e7f\u5e9c\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-teochew\" data-audio-key=\"teochew\" aria-label=\"\u6f6e\u5dde\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-minnan\" data-audio-key=\"minnan\" aria-label=\"\u95fd\u5357\u8bdd\u53d1\u97f3\"><\/button>\n\n  <audio preload=\"auto\" data-audio-key=\"mandarin\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u8c01\u666e\u901a\u8bdd.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"hakka\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u8c01\u5ba2\u5bb6\u8bdd.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"cantonese\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u8c01\u5e7f\u5e9c\u8bdd.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"teochew\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u8c01\u6f6e\u5dde\u8bdd.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"minnan\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u8c01\u95fd\u5357\u8bdd.wav\"><\/audio>\n\n<\/div>\n\n\n\n<style data-wp-block-html=\"css\">\n.language-audio-board{\n  position: relative;\n  width: min(100%, 965px);\n  aspect-ratio: 1058 \/ 380;\n  margin: 0 auto;\n  background: url('https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u6a21\u7248\u8bed\u8a00\u6587\u5b57.jpg') center \/ 100% 100% no-repeat;\n  overflow: hidden;\n}\n\n.language-audio-board *{\n  box-sizing: border-box;\n}\n\n.language-audio-board .board-image{\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  padding: 6px;\n}\n\n.language-audio-board .board-image img{\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: contain;\n  object-position: center;\n}\n\n.language-audio-board .board-image-left{\n  left: 11%;\n  top: 23.2%;\n  width: 17.8%;\n  height: 53.6%;\n  padding: 0;\n}\n\n.language-audio-board .board-image-left img{\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: cover;\n  object-position: center;\n}\n\n.language-audio-board .board-image-center{\n  left: 10%;\n  top: 10%;\n  width: 80.5%;\n  height: 80.5%;\n}\n\n.language-audio-board .voice-hotspot{\n  position: absolute;\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: transparent;\n  cursor: pointer;\n  border-radius: 8px;\n  transition: background-color .2s ease, box-shadow .2s ease, transform .15s ease;\n}\n\n.language-audio-board .voice-hotspot:hover,\n.language-audio-board .voice-hotspot.is-active{\n  background: rgba(201, 79, 37, 0.10);\n  box-shadow: inset 0 0 0 2px rgba(201, 79, 37, 0.35);\n}\n\n.language-audio-board .voice-hotspot:active{\n  transform: scale(0.98);\n}\n\n.language-audio-board .voice-hotspot:focus{\n  outline: 2px solid #c94f25;\n  outline-offset: 2px;\n}\n\n.language-audio-board .hotspot-mandarin{\n  left: 37%;\n  top: 11.5%;\n  width: 26.5%;\n  height: 77.5%;\n}\n\n.language-audio-board .hotspot-hakka{\n  left: 66.5%;\n  top: 25%;\n  width: 13%;\n  height: 23%;\n}\n\n.language-audio-board .hotspot-cantonese{\n  left: 80.5%;\n  top: 25%;\n  width: 13%;\n  height: 23%;\n}\n\n.language-audio-board .hotspot-teochew{\n  left: 66.5%;\n  top: 52%;\n  width: 13%;\n  height: 23.5%;\n}\n\n.language-audio-board .hotspot-minnan{\n  left: 80.5%;\n  top: 52%;\n  width: 13%;\n  height: 23.5%;\n}\n\n@media (max-width: 768px){\n  .language-audio-board .board-image{\n    padding: 4px;\n  }\n\n  .language-audio-board .board-image-left{\n    padding: 0;\n  }\n\n  .language-audio-board .voice-hotspot{\n    border-radius: 4px;\n  }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener('DOMContentLoaded', function () {\n  document.querySelectorAll('.language-audio-board').forEach(function (board) {\n    var buttons = board.querySelectorAll('.voice-hotspot');\n    var audios = board.querySelectorAll('audio');\n\n    function stopAllAudio() {\n      audios.forEach(function (audio) {\n        audio.pause();\n        audio.currentTime = 0;\n      });\n\n      buttons.forEach(function (btn) {\n        btn.classList.remove('is-active');\n      });\n    }\n\n    buttons.forEach(function (btn) {\n      btn.addEventListener('click', function () {\n        var key = btn.getAttribute('data-audio-key');\n        var targetAudio = board.querySelector('audio[data-audio-key=\"' + key + '\"]');\n        if (!targetAudio) return;\n\n        stopAllAudio();\n        btn.classList.add('is-active');\n\n        var playPromise = targetAudio.play();\n        if (playPromise !== undefined) {\n          playPromise.catch(function (err) {\n            console.log('\u97f3\u9891\u64ad\u653e\u5931\u8d25\uff1a', err);\n          });\n        }\n      });\n    });\n\n    audios.forEach(function (audio) {\n      audio.addEventListener('ended', function () {\n        buttons.forEach(function (btn) {\n          btn.classList.remove('is-active');\n        });\n      });\n    });\n  });\n});\n<\/script>\n\n<div class=\"language-audio-board\">\n\n  <div class=\"board-image board-image-left\">\n    <img decoding=\"async\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/srchttps___hanyu-word-gif.cdn_.bcebos.com_bb3e43bce24154e4ea04e1887c296d7b8.gifreferhttp___www.baidu_.gif\" alt=\"\u5de6\u4fa7\u5c55\u793a\u56fe\u7247\">\n  <\/div>\n\n  <div class=\"board-image board-image-center\">\n    <img decoding=\"async\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u4e00.jpg\" alt=\"\u4e2d\u95f4\u5c55\u793a\u56fe\u7247\">\n  <\/div>\n\n  <button type=\"button\" class=\"voice-hotspot hotspot-mandarin\" data-audio-key=\"mandarin\" aria-label=\"\u666e\u901a\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-hakka\" data-audio-key=\"hakka\" aria-label=\"\u5ba2\u5bb6\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-cantonese\" data-audio-key=\"cantonese\" aria-label=\"\u5e7f\u5e9c\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-teochew\" data-audio-key=\"teochew\" aria-label=\"\u6f6e\u5dde\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-minnan\" data-audio-key=\"minnan\" aria-label=\"\u95fd\u5357\u8bdd\u53d1\u97f3\"><\/button>\n\n  <audio preload=\"auto\" data-audio-key=\"mandarin\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u666e\u901a\u8bdd1.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"hakka\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u5ba2\u5bb6\u8bdd1.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"cantonese\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u5e7f\u5e9c\u8bdd1.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"teochew\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u6f6e\u5dde\u8bdd1.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"minnan\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u95fd\u5357\u8bdd1.wav\"><\/audio>\n \n\n<\/div>\n\n\n\n<style data-wp-block-html=\"css\">\n.language-audio-board{\n  position: relative;\n  width: min(100%, 965px);\n  aspect-ratio: 1058 \/ 380;\n  margin: 0 auto;\n  background: url('https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u6a21\u7248\u8bed\u8a00\u6587\u5b57.jpg') center \/ 100% 100% no-repeat;\n  overflow: hidden;\n}\n\n.language-audio-board *{\n  box-sizing: border-box;\n}\n\n.language-audio-board .board-image{\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  padding: 6px;\n}\n\n.language-audio-board .board-image img{\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: contain;\n  object-position: center;\n}\n\n.language-audio-board .board-image-left{\n  left: 11%;\n  top: 23.2%;\n  width: 17.8%;\n  height: 53.6%;\n  padding: 0;\n}\n\n.language-audio-board .board-image-left img{\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: cover;\n  object-position: center;\n}\n\n.language-audio-board .board-image-center{\n  left: 10%;\n  top: 10%;\n  width: 80.5%;\n  height: 80.5%;\n}\n\n.language-audio-board .voice-hotspot{\n  position: absolute;\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: transparent;\n  cursor: pointer;\n  border-radius: 8px;\n  transition: background-color .2s ease, box-shadow .2s ease, transform .15s ease;\n}\n\n.language-audio-board .voice-hotspot:hover,\n.language-audio-board .voice-hotspot.is-active{\n  background: rgba(201, 79, 37, 0.10);\n  box-shadow: inset 0 0 0 2px rgba(201, 79, 37, 0.35);\n}\n\n.language-audio-board .voice-hotspot:active{\n  transform: scale(0.98);\n}\n\n.language-audio-board .voice-hotspot:focus{\n  outline: 2px solid #c94f25;\n  outline-offset: 2px;\n}\n\n.language-audio-board .hotspot-mandarin{\n  left: 37%;\n  top: 11.5%;\n  width: 26.5%;\n  height: 77.5%;\n}\n\n.language-audio-board .hotspot-hakka{\n  left: 66.5%;\n  top: 25%;\n  width: 13%;\n  height: 23%;\n}\n\n.language-audio-board .hotspot-cantonese{\n  left: 80.5%;\n  top: 25%;\n  width: 13%;\n  height: 23%;\n}\n\n.language-audio-board .hotspot-teochew{\n  left: 66.5%;\n  top: 52%;\n  width: 13%;\n  height: 23.5%;\n}\n\n.language-audio-board .hotspot-minnan{\n  left: 80.5%;\n  top: 52%;\n  width: 13%;\n  height: 23.5%;\n}\n\n@media (max-width: 768px){\n  .language-audio-board .board-image{\n    padding: 4px;\n  }\n\n  .language-audio-board .board-image-left{\n    padding: 0;\n  }\n\n  .language-audio-board .voice-hotspot{\n    border-radius: 4px;\n  }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener('DOMContentLoaded', function () {\n  document.querySelectorAll('.language-audio-board').forEach(function (board) {\n    var buttons = board.querySelectorAll('.voice-hotspot');\n    var audios = board.querySelectorAll('audio');\n\n    function stopAllAudio() {\n      audios.forEach(function (audio) {\n        audio.pause();\n        audio.currentTime = 0;\n      });\n\n      buttons.forEach(function (btn) {\n        btn.classList.remove('is-active');\n      });\n    }\n\n    buttons.forEach(function (btn) {\n      btn.addEventListener('click', function () {\n        var key = btn.getAttribute('data-audio-key');\n        var targetAudio = board.querySelector('audio[data-audio-key=\"' + key + '\"]');\n        if (!targetAudio) return;\n\n        stopAllAudio();\n        btn.classList.add('is-active');\n\n        var playPromise = targetAudio.play();\n        if (playPromise !== undefined) {\n          playPromise.catch(function (err) {\n            console.log('\u97f3\u9891\u64ad\u653e\u5931\u8d25\uff1a', err);\n          });\n        }\n      });\n    });\n\n    audios.forEach(function (audio) {\n      audio.addEventListener('ended', function () {\n        buttons.forEach(function (btn) {\n          btn.classList.remove('is-active');\n        });\n      });\n    });\n  });\n});\n<\/script>\n\n<div class=\"language-audio-board\">\n\n  <div class=\"board-image board-image-left\">\n    <img decoding=\"async\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/srchttps___hanyu-word-gif.cdn_.bcebos.com_b1fcc1334d1d043a5955ad19f0c949adb.gifreferhttp___www.baidu_.gif\" alt=\"\u5de6\u4fa7\u5c55\u793a\u56fe\u7247\">\n  <\/div>\n\n  <div class=\"board-image board-image-center\">\n    <img decoding=\"async\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u4e8c.jpg\" alt=\"\u4e2d\u95f4\u5c55\u793a\u56fe\u7247\">\n  <\/div>\n\n  <button type=\"button\" class=\"voice-hotspot hotspot-mandarin\" data-audio-key=\"mandarin\" aria-label=\"\u666e\u901a\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-hakka\" data-audio-key=\"hakka\" aria-label=\"\u5ba2\u5bb6\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-cantonese\" data-audio-key=\"cantonese\" aria-label=\"\u5e7f\u5e9c\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-teochew\" data-audio-key=\"teochew\" aria-label=\"\u6f6e\u5dde\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-minnan\" data-audio-key=\"minnan\" aria-label=\"\u95fd\u5357\u8bdd\u53d1\u97f3\"><\/button>\n\n  <audio preload=\"auto\" data-audio-key=\"mandarin\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u666e\u901a\u8bdd2.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"hakka\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u5ba2\u5bb6\u8bdd2.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"cantonese\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u5e7f\u5e9c\u8bdd2.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"teochew\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u6f6e\u5dde\u8bdd2.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"minnan\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u95fd\u5357\u8bdd2.wav\"><\/audio>\n\n<\/div>\n\n\n\n<style data-wp-block-html=\"css\">\n.language-audio-board{\n  position: relative;\n  width: min(100%, 965px);\n  aspect-ratio: 1058 \/ 380;\n  margin: 0 auto;\n  background: url('https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u6a21\u7248\u8bed\u8a00\u6587\u5b57.jpg') center \/ 100% 100% no-repeat;\n  overflow: hidden;\n}\n\n.language-audio-board *{\n  box-sizing: border-box;\n}\n\n.language-audio-board .board-image{\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  padding: 6px;\n}\n\n.language-audio-board .board-image img{\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: contain;\n  object-position: center;\n}\n\n.language-audio-board .board-image-left{\n  left: 11%;\n  top: 23.2%;\n  width: 17.8%;\n  height: 53.6%;\n  padding: 0;\n}\n\n.language-audio-board .board-image-left img{\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: cover;\n  object-position: center;\n}\n\n.language-audio-board .board-image-center{\n  left: 10%;\n  top: 10%;\n  width: 80.5%;\n  height: 80.5%;\n}\n\n.language-audio-board .voice-hotspot{\n  position: absolute;\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: transparent;\n  cursor: pointer;\n  border-radius: 8px;\n  transition: background-color .2s ease, box-shadow .2s ease, transform .15s ease;\n}\n\n.language-audio-board .voice-hotspot:hover,\n.language-audio-board .voice-hotspot.is-active{\n  background: rgba(201, 79, 37, 0.10);\n  box-shadow: inset 0 0 0 2px rgba(201, 79, 37, 0.35);\n}\n\n.language-audio-board .voice-hotspot:active{\n  transform: scale(0.98);\n}\n\n.language-audio-board .voice-hotspot:focus{\n  outline: 2px solid #c94f25;\n  outline-offset: 2px;\n}\n\n.language-audio-board .hotspot-mandarin{\n  left: 37%;\n  top: 11.5%;\n  width: 26.5%;\n  height: 77.5%;\n}\n\n.language-audio-board .hotspot-hakka{\n  left: 66.5%;\n  top: 25%;\n  width: 13%;\n  height: 23%;\n}\n\n.language-audio-board .hotspot-cantonese{\n  left: 80.5%;\n  top: 25%;\n  width: 13%;\n  height: 23%;\n}\n\n.language-audio-board .hotspot-teochew{\n  left: 66.5%;\n  top: 52%;\n  width: 13%;\n  height: 23.5%;\n}\n\n.language-audio-board .hotspot-minnan{\n  left: 80.5%;\n  top: 52%;\n  width: 13%;\n  height: 23.5%;\n}\n\n@media (max-width: 768px){\n  .language-audio-board .board-image{\n    padding: 4px;\n  }\n\n  .language-audio-board .board-image-left{\n    padding: 0;\n  }\n\n  .language-audio-board .voice-hotspot{\n    border-radius: 4px;\n  }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener('DOMContentLoaded', function () {\n  document.querySelectorAll('.language-audio-board').forEach(function (board) {\n    var buttons = board.querySelectorAll('.voice-hotspot');\n    var audios = board.querySelectorAll('audio');\n\n    function stopAllAudio() {\n      audios.forEach(function (audio) {\n        audio.pause();\n        audio.currentTime = 0;\n      });\n\n      buttons.forEach(function (btn) {\n        btn.classList.remove('is-active');\n      });\n    }\n\n    buttons.forEach(function (btn) {\n      btn.addEventListener('click', function () {\n        var key = btn.getAttribute('data-audio-key');\n        var targetAudio = board.querySelector('audio[data-audio-key=\"' + key + '\"]');\n        if (!targetAudio) return;\n\n        stopAllAudio();\n        btn.classList.add('is-active');\n\n        var playPromise = targetAudio.play();\n        if (playPromise !== undefined) {\n          playPromise.catch(function (err) {\n            console.log('\u97f3\u9891\u64ad\u653e\u5931\u8d25\uff1a', err);\n          });\n        }\n      });\n    });\n\n    audios.forEach(function (audio) {\n      audio.addEventListener('ended', function () {\n        buttons.forEach(function (btn) {\n          btn.classList.remove('is-active');\n        });\n      });\n    });\n  });\n});\n<\/script>\n\n<div class=\"language-audio-board\">\n\n  <div class=\"board-image board-image-left\">\n    <img decoding=\"async\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/srchttps___hanyu-word-gif.cdn_.bcebos.com_ba92147330f804f45980e304c4e70affc.gifreferhttp___www.baidu_.gif\" alt=\"\u5de6\u4fa7\u5c55\u793a\u56fe\u7247\">\n  <\/div>\n\n  <div class=\"board-image board-image-center\">\n    <img decoding=\"async\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u4e09.jpg\" alt=\"\u4e2d\u95f4\u5c55\u793a\u56fe\u7247\">\n  <\/div>\n\n  <button type=\"button\" class=\"voice-hotspot hotspot-mandarin\" data-audio-key=\"mandarin\" aria-label=\"\u666e\u901a\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-hakka\" data-audio-key=\"hakka\" aria-label=\"\u5ba2\u5bb6\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-cantonese\" data-audio-key=\"cantonese\" aria-label=\"\u5e7f\u5e9c\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-teochew\" data-audio-key=\"teochew\" aria-label=\"\u6f6e\u5dde\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-minnan\" data-audio-key=\"minnan\" aria-label=\"\u95fd\u5357\u8bdd\u53d1\u97f3\"><\/button>\n\n  <audio preload=\"auto\" data-audio-key=\"mandarin\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u666e\u901a\u8bdd3.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"hakka\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u5ba2\u5bb6\u8bdd3.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"cantonese\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u5e7f\u5e9c\u8bdd3.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"teochew\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u6f6e\u5dde\u8bdd3.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"minnan\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u95fd\u5357\u8bdd3.wav\"><\/audio>\n\n<\/div>\n\n\n\n<style data-wp-block-html=\"css\">\n.language-audio-board{\n  position: relative;\n  width: min(100%, 965px);\n  aspect-ratio: 1058 \/ 380;\n  margin: 0 auto;\n  background: url('https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u6a21\u7248\u8bed\u8a00\u6587\u5b57.jpg') center \/ 100% 100% no-repeat;\n  overflow: hidden;\n}\n\n.language-audio-board *{\n  box-sizing: border-box;\n}\n\n.language-audio-board .board-image{\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  padding: 6px;\n}\n\n.language-audio-board .board-image img{\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: contain;\n  object-position: center;\n}\n\n.language-audio-board .board-image-left{\n  left: 11%;\n  top: 23.2%;\n  width: 17.8%;\n  height: 53.6%;\n  padding: 0;\n}\n\n.language-audio-board .board-image-left img{\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: cover;\n  object-position: center;\n}\n\n.language-audio-board .board-image-center{\n  left: 10%;\n  top: 10%;\n  width: 80.5%;\n  height: 80.5%;\n}\n\n.language-audio-board .voice-hotspot{\n  position: absolute;\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: transparent;\n  cursor: pointer;\n  border-radius: 8px;\n  transition: background-color .2s ease, box-shadow .2s ease, transform .15s ease;\n}\n\n.language-audio-board .voice-hotspot:hover,\n.language-audio-board .voice-hotspot.is-active{\n  background: rgba(201, 79, 37, 0.10);\n  box-shadow: inset 0 0 0 2px rgba(201, 79, 37, 0.35);\n}\n\n.language-audio-board .voice-hotspot:active{\n  transform: scale(0.98);\n}\n\n.language-audio-board .voice-hotspot:focus{\n  outline: 2px solid #c94f25;\n  outline-offset: 2px;\n}\n\n.language-audio-board .hotspot-mandarin{\n  left: 37%;\n  top: 11.5%;\n  width: 26.5%;\n  height: 77.5%;\n}\n\n.language-audio-board .hotspot-hakka{\n  left: 66.5%;\n  top: 25%;\n  width: 13%;\n  height: 23%;\n}\n\n.language-audio-board .hotspot-cantonese{\n  left: 80.5%;\n  top: 25%;\n  width: 13%;\n  height: 23%;\n}\n\n.language-audio-board .hotspot-teochew{\n  left: 66.5%;\n  top: 52%;\n  width: 13%;\n  height: 23.5%;\n}\n\n.language-audio-board .hotspot-minnan{\n  left: 80.5%;\n  top: 52%;\n  width: 13%;\n  height: 23.5%;\n}\n\n@media (max-width: 768px){\n  .language-audio-board .board-image{\n    padding: 4px;\n  }\n\n  .language-audio-board .board-image-left{\n    padding: 0;\n  }\n\n  .language-audio-board .voice-hotspot{\n    border-radius: 4px;\n  }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener('DOMContentLoaded', function () {\n  document.querySelectorAll('.language-audio-board').forEach(function (board) {\n    var buttons = board.querySelectorAll('.voice-hotspot');\n    var audios = board.querySelectorAll('audio');\n\n    function stopAllAudio() {\n      audios.forEach(function (audio) {\n        audio.pause();\n        audio.currentTime = 0;\n      });\n\n      buttons.forEach(function (btn) {\n        btn.classList.remove('is-active');\n      });\n    }\n\n    buttons.forEach(function (btn) {\n      btn.addEventListener('click', function () {\n        var key = btn.getAttribute('data-audio-key');\n        var targetAudio = board.querySelector('audio[data-audio-key=\"' + key + '\"]');\n        if (!targetAudio) return;\n\n        stopAllAudio();\n        btn.classList.add('is-active');\n\n        var playPromise = targetAudio.play();\n        if (playPromise !== undefined) {\n          playPromise.catch(function (err) {\n            console.log('\u97f3\u9891\u64ad\u653e\u5931\u8d25\uff1a', err);\n          });\n        }\n      });\n    });\n\n    audios.forEach(function (audio) {\n      audio.addEventListener('ended', function () {\n        buttons.forEach(function (btn) {\n          btn.classList.remove('is-active');\n        });\n      });\n    });\n  });\n});\n<\/script>\n\n<div class=\"language-audio-board\">\n\n  <div class=\"board-image board-image-left\">\n    <img decoding=\"async\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/srchttps___hanyu-word-gif.cdn_.bcebos.com_b7669e9b2e76643aaaf51b2810775b5ca.gifreferhttp___www.baidu_.gif\" alt=\"\u5de6\u4fa7\u5c55\u793a\u56fe\u7247\">\n  <\/div>\n\n  <div class=\"board-image board-image-center\">\n    <img decoding=\"async\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u56db.jpg\" alt=\"\u4e2d\u95f4\u5c55\u793a\u56fe\u7247\">\n  <\/div>\n\n  <button type=\"button\" class=\"voice-hotspot hotspot-mandarin\" data-audio-key=\"mandarin\" aria-label=\"\u666e\u901a\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-hakka\" data-audio-key=\"hakka\" aria-label=\"\u5ba2\u5bb6\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-cantonese\" data-audio-key=\"cantonese\" aria-label=\"\u5e7f\u5e9c\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-teochew\" data-audio-key=\"teochew\" aria-label=\"\u6f6e\u5dde\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-minnan\" data-audio-key=\"minnan\" aria-label=\"\u95fd\u5357\u8bdd\u53d1\u97f3\"><\/button>\n\n  <audio preload=\"auto\" data-audio-key=\"mandarin\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u666e\u901a\u8bdd4.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"hakka\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u5ba2\u5bb6\u8bdd4.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"cantonese\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u5e7f\u5e9c\u8bdd4.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"teochew\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u6f6e\u5dde\u8bdd4.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"minnan\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u95fd\u5357\u8bdd4.wav\"><\/audio>\n\n<\/div>\n\n\n\n<style data-wp-block-html=\"css\">\n.language-audio-board{\n  position: relative;\n  width: min(100%, 965px);\n  aspect-ratio: 1058 \/ 380;\n  margin: 0 auto;\n  background: url('https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u6a21\u7248\u8bed\u8a00\u6587\u5b57.jpg') center \/ 100% 100% no-repeat;\n  overflow: hidden;\n}\n\n.language-audio-board *{\n  box-sizing: border-box;\n}\n\n.language-audio-board .board-image{\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  padding: 6px;\n}\n\n.language-audio-board .board-image img{\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: contain;\n  object-position: center;\n}\n\n.language-audio-board .board-image-left{\n  left: 11%;\n  top: 23.2%;\n  width: 17.8%;\n  height: 53.6%;\n  padding: 0;\n}\n\n.language-audio-board .board-image-left img{\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: cover;\n  object-position: center;\n}\n\n.language-audio-board .board-image-center{\n  left: 10%;\n  top: 10%;\n  width: 80.5%;\n  height: 80.5%;\n}\n\n.language-audio-board .voice-hotspot{\n  position: absolute;\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: transparent;\n  cursor: pointer;\n  border-radius: 8px;\n  transition: background-color .2s ease, box-shadow .2s ease, transform .15s ease;\n}\n\n.language-audio-board .voice-hotspot:hover,\n.language-audio-board .voice-hotspot.is-active{\n  background: rgba(201, 79, 37, 0.10);\n  box-shadow: inset 0 0 0 2px rgba(201, 79, 37, 0.35);\n}\n\n.language-audio-board .voice-hotspot:active{\n  transform: scale(0.98);\n}\n\n.language-audio-board .voice-hotspot:focus{\n  outline: 2px solid #c94f25;\n  outline-offset: 2px;\n}\n\n.language-audio-board .hotspot-mandarin{\n  left: 37%;\n  top: 11.5%;\n  width: 26.5%;\n  height: 77.5%;\n}\n\n.language-audio-board .hotspot-hakka{\n  left: 66.5%;\n  top: 25%;\n  width: 13%;\n  height: 23%;\n}\n\n.language-audio-board .hotspot-cantonese{\n  left: 80.5%;\n  top: 25%;\n  width: 13%;\n  height: 23%;\n}\n\n.language-audio-board .hotspot-teochew{\n  left: 66.5%;\n  top: 52%;\n  width: 13%;\n  height: 23.5%;\n}\n\n.language-audio-board .hotspot-minnan{\n  left: 80.5%;\n  top: 52%;\n  width: 13%;\n  height: 23.5%;\n}\n\n@media (max-width: 768px){\n  .language-audio-board .board-image{\n    padding: 4px;\n  }\n\n  .language-audio-board .board-image-left{\n    padding: 0;\n  }\n\n  .language-audio-board .voice-hotspot{\n    border-radius: 4px;\n  }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener('DOMContentLoaded', function () {\n  document.querySelectorAll('.language-audio-board').forEach(function (board) {\n    var buttons = board.querySelectorAll('.voice-hotspot');\n    var audios = board.querySelectorAll('audio');\n\n    function stopAllAudio() {\n      audios.forEach(function (audio) {\n        audio.pause();\n        audio.currentTime = 0;\n      });\n\n      buttons.forEach(function (btn) {\n        btn.classList.remove('is-active');\n      });\n    }\n\n    buttons.forEach(function (btn) {\n      btn.addEventListener('click', function () {\n        var key = btn.getAttribute('data-audio-key');\n        var targetAudio = board.querySelector('audio[data-audio-key=\"' + key + '\"]');\n        if (!targetAudio) return;\n\n        stopAllAudio();\n        btn.classList.add('is-active');\n\n        var playPromise = targetAudio.play();\n        if (playPromise !== undefined) {\n          playPromise.catch(function (err) {\n            console.log('\u97f3\u9891\u64ad\u653e\u5931\u8d25\uff1a', err);\n          });\n        }\n      });\n    });\n\n    audios.forEach(function (audio) {\n      audio.addEventListener('ended', function () {\n        buttons.forEach(function (btn) {\n          btn.classList.remove('is-active');\n        });\n      });\n    });\n  });\n});\n<\/script>\n\n<div class=\"language-audio-board\">\n\n  <div class=\"board-image board-image-left\">\n    <img decoding=\"async\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/srchttps___hanyu-word-gif.cdn_.bcebos.com_b707c4975e10349d7a1e55a429ee37ff0.gifreferhttp___www.baidu_.gif\" alt=\"\u5de6\u4fa7\u5c55\u793a\u56fe\u7247\">\n  <\/div>\n\n  <div class=\"board-image board-image-center\">\n    <img decoding=\"async\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u4e94.jpg\" alt=\"\u4e2d\u95f4\u5c55\u793a\u56fe\u7247\">\n  <\/div>\n\n  <button type=\"button\" class=\"voice-hotspot hotspot-mandarin\" data-audio-key=\"mandarin\" aria-label=\"\u666e\u901a\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-hakka\" data-audio-key=\"hakka\" aria-label=\"\u5ba2\u5bb6\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-cantonese\" data-audio-key=\"cantonese\" aria-label=\"\u5e7f\u5e9c\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-teochew\" data-audio-key=\"teochew\" aria-label=\"\u6f6e\u5dde\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-minnan\" data-audio-key=\"minnan\" aria-label=\"\u95fd\u5357\u8bdd\u53d1\u97f3\"><\/button>\n\n  <audio preload=\"auto\" data-audio-key=\"mandarin\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u666e\u901a\u8bdd5.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"hakka\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u5ba2\u5bb6\u8bdd5.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"cantonese\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u5e7f\u5e9c\u8bdd5.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"teochew\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u6f6e\u5dde\u8bdd5.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"minnan\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u95fd\u5357\u8bdd5.wav\"><\/audio>\n\n<\/div>\n\n\n\n<style data-wp-block-html=\"css\">\n.language-audio-board{\n  position: relative;\n  width: min(100%, 965px);\n  aspect-ratio: 1058 \/ 380;\n  margin: 0 auto;\n  background: url('https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u6a21\u7248\u8bed\u8a00\u6587\u5b57.jpg') center \/ 100% 100% no-repeat;\n  overflow: hidden;\n}\n\n.language-audio-board *{\n  box-sizing: border-box;\n}\n\n.language-audio-board .board-image{\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  padding: 6px;\n}\n\n.language-audio-board .board-image img{\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: contain;\n  object-position: center;\n}\n\n.language-audio-board .board-image-left{\n  left: 11%;\n  top: 23.2%;\n  width: 17.8%;\n  height: 53.6%;\n  padding: 0;\n}\n\n.language-audio-board .board-image-left img{\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: cover;\n  object-position: center;\n}\n\n.language-audio-board .board-image-center{\n  left: 10%;\n  top: 10%;\n  width: 80.5%;\n  height: 80.5%;\n}\n\n.language-audio-board .voice-hotspot{\n  position: absolute;\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: transparent;\n  cursor: pointer;\n  border-radius: 8px;\n  transition: background-color .2s ease, box-shadow .2s ease, transform .15s ease;\n}\n\n.language-audio-board .voice-hotspot:hover,\n.language-audio-board .voice-hotspot.is-active{\n  background: rgba(201, 79, 37, 0.10);\n  box-shadow: inset 0 0 0 2px rgba(201, 79, 37, 0.35);\n}\n\n.language-audio-board .voice-hotspot:active{\n  transform: scale(0.98);\n}\n\n.language-audio-board .voice-hotspot:focus{\n  outline: 2px solid #c94f25;\n  outline-offset: 2px;\n}\n\n.language-audio-board .hotspot-mandarin{\n  left: 37%;\n  top: 11.5%;\n  width: 26.5%;\n  height: 77.5%;\n}\n\n.language-audio-board .hotspot-hakka{\n  left: 66.5%;\n  top: 25%;\n  width: 13%;\n  height: 23%;\n}\n\n.language-audio-board .hotspot-cantonese{\n  left: 80.5%;\n  top: 25%;\n  width: 13%;\n  height: 23%;\n}\n\n.language-audio-board .hotspot-teochew{\n  left: 66.5%;\n  top: 52%;\n  width: 13%;\n  height: 23.5%;\n}\n\n.language-audio-board .hotspot-minnan{\n  left: 80.5%;\n  top: 52%;\n  width: 13%;\n  height: 23.5%;\n}\n\n@media (max-width: 768px){\n  .language-audio-board .board-image{\n    padding: 4px;\n  }\n\n  .language-audio-board .board-image-left{\n    padding: 0;\n  }\n\n  .language-audio-board .voice-hotspot{\n    border-radius: 4px;\n  }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener('DOMContentLoaded', function () {\n  document.querySelectorAll('.language-audio-board').forEach(function (board) {\n    var buttons = board.querySelectorAll('.voice-hotspot');\n    var audios = board.querySelectorAll('audio');\n\n    function stopAllAudio() {\n      audios.forEach(function (audio) {\n        audio.pause();\n        audio.currentTime = 0;\n      });\n\n      buttons.forEach(function (btn) {\n        btn.classList.remove('is-active');\n      });\n    }\n\n    buttons.forEach(function (btn) {\n      btn.addEventListener('click', function () {\n        var key = btn.getAttribute('data-audio-key');\n        var targetAudio = board.querySelector('audio[data-audio-key=\"' + key + '\"]');\n        if (!targetAudio) return;\n\n        stopAllAudio();\n        btn.classList.add('is-active');\n\n        var playPromise = targetAudio.play();\n        if (playPromise !== undefined) {\n          playPromise.catch(function (err) {\n            console.log('\u97f3\u9891\u64ad\u653e\u5931\u8d25\uff1a', err);\n          });\n        }\n      });\n    });\n\n    audios.forEach(function (audio) {\n      audio.addEventListener('ended', function () {\n        buttons.forEach(function (btn) {\n          btn.classList.remove('is-active');\n        });\n      });\n    });\n  });\n});\n<\/script>\n\n<div class=\"language-audio-board\">\n\n  <div class=\"board-image board-image-left\">\n    <img decoding=\"async\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/srchttps___hanyu-word-gif.cdn_.bcebos.com_b0b3158dc0e0649b69139a9e5eef6cca4.gifreferhttp___www.baidu_.gif\" alt=\"\u5de6\u4fa7\u5c55\u793a\u56fe\u7247\">\n  <\/div>\n\n  <div class=\"board-image board-image-center\">\n    <img decoding=\"async\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u516d.jpg\" alt=\"\u4e2d\u95f4\u5c55\u793a\u56fe\u7247\">\n  <\/div>\n\n  <button type=\"button\" class=\"voice-hotspot hotspot-mandarin\" data-audio-key=\"mandarin\" aria-label=\"\u666e\u901a\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-hakka\" data-audio-key=\"hakka\" aria-label=\"\u5ba2\u5bb6\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-cantonese\" data-audio-key=\"cantonese\" aria-label=\"\u5e7f\u5e9c\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-teochew\" data-audio-key=\"teochew\" aria-label=\"\u6f6e\u5dde\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-minnan\" data-audio-key=\"minnan\" aria-label=\"\u95fd\u5357\u8bdd\u53d1\u97f3\"><\/button>\n\n  <audio preload=\"auto\" data-audio-key=\"mandarin\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u666e\u901a\u8bdd6.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"hakka\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u5ba2\u5bb6\u8bdd6.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"cantonese\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u5e7f\u5e9c\u8bdd6.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"teochew\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u6f6e\u5dde\u8bdd6.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"minnan\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u95fd\u5357\u8bdd6.wav\"><\/audio>\n\n<\/div>\n\n\n\n<style data-wp-block-html=\"css\">\n.language-audio-board{\n  position: relative;\n  width: min(100%, 965px);\n  aspect-ratio: 1058 \/ 380;\n  margin: 0 auto;\n  background: url('https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u6a21\u7248\u8bed\u8a00\u6587\u5b57.jpg') center \/ 100% 100% no-repeat;\n  overflow: hidden;\n}\n\n.language-audio-board *{\n  box-sizing: border-box;\n}\n\n.language-audio-board .board-image{\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  padding: 6px;\n}\n\n.language-audio-board .board-image img{\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: contain;\n  object-position: center;\n}\n\n.language-audio-board .board-image-left{\n  left: 11%;\n  top: 23.2%;\n  width: 17.8%;\n  height: 53.6%;\n  padding: 0;\n}\n\n.language-audio-board .board-image-left img{\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: cover;\n  object-position: center;\n}\n\n.language-audio-board .board-image-center{\n  left: 10%;\n  top: 10%;\n  width: 80.5%;\n  height: 80.5%;\n}\n\n.language-audio-board .voice-hotspot{\n  position: absolute;\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: transparent;\n  cursor: pointer;\n  border-radius: 8px;\n  transition: background-color .2s ease, box-shadow .2s ease, transform .15s ease;\n}\n\n.language-audio-board .voice-hotspot:hover,\n.language-audio-board .voice-hotspot.is-active{\n  background: rgba(201, 79, 37, 0.10);\n  box-shadow: inset 0 0 0 2px rgba(201, 79, 37, 0.35);\n}\n\n.language-audio-board .voice-hotspot:active{\n  transform: scale(0.98);\n}\n\n.language-audio-board .voice-hotspot:focus{\n  outline: 2px solid #c94f25;\n  outline-offset: 2px;\n}\n\n.language-audio-board .hotspot-mandarin{\n  left: 37%;\n  top: 11.5%;\n  width: 26.5%;\n  height: 77.5%;\n}\n\n.language-audio-board .hotspot-hakka{\n  left: 66.5%;\n  top: 25%;\n  width: 13%;\n  height: 23%;\n}\n\n.language-audio-board .hotspot-cantonese{\n  left: 80.5%;\n  top: 25%;\n  width: 13%;\n  height: 23%;\n}\n\n.language-audio-board .hotspot-teochew{\n  left: 66.5%;\n  top: 52%;\n  width: 13%;\n  height: 23.5%;\n}\n\n.language-audio-board .hotspot-minnan{\n  left: 80.5%;\n  top: 52%;\n  width: 13%;\n  height: 23.5%;\n}\n\n@media (max-width: 768px){\n  .language-audio-board .board-image{\n    padding: 4px;\n  }\n\n  .language-audio-board .board-image-left{\n    padding: 0;\n  }\n\n  .language-audio-board .voice-hotspot{\n    border-radius: 4px;\n  }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener('DOMContentLoaded', function () {\n  document.querySelectorAll('.language-audio-board').forEach(function (board) {\n    var buttons = board.querySelectorAll('.voice-hotspot');\n    var audios = board.querySelectorAll('audio');\n\n    function stopAllAudio() {\n      audios.forEach(function (audio) {\n        audio.pause();\n        audio.currentTime = 0;\n      });\n\n      buttons.forEach(function (btn) {\n        btn.classList.remove('is-active');\n      });\n    }\n\n    buttons.forEach(function (btn) {\n      btn.addEventListener('click', function () {\n        var key = btn.getAttribute('data-audio-key');\n        var targetAudio = board.querySelector('audio[data-audio-key=\"' + key + '\"]');\n        if (!targetAudio) return;\n\n        stopAllAudio();\n        btn.classList.add('is-active');\n\n        var playPromise = targetAudio.play();\n        if (playPromise !== undefined) {\n          playPromise.catch(function (err) {\n            console.log('\u97f3\u9891\u64ad\u653e\u5931\u8d25\uff1a', err);\n          });\n        }\n      });\n    });\n\n    audios.forEach(function (audio) {\n      audio.addEventListener('ended', function () {\n        buttons.forEach(function (btn) {\n          btn.classList.remove('is-active');\n        });\n      });\n    });\n  });\n});\n<\/script>\n\n<div class=\"language-audio-board\">\n\n  <div class=\"board-image board-image-left\">\n    <img decoding=\"async\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/srchttps___hanyu-word-gif.cdn_.bcebos.com_b4e720457ae604584b9c0f96406d51faf.gifreferhttp___www.baidu_.gif\" alt=\"\u5de6\u4fa7\u5c55\u793a\u56fe\u7247\">\n  <\/div>\n\n  <div class=\"board-image board-image-center\">\n    <img decoding=\"async\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u4e03-1.jpg\" alt=\"\u4e2d\u95f4\u5c55\u793a\u56fe\u7247\">\n  <\/div>\n\n  <button type=\"button\" class=\"voice-hotspot hotspot-mandarin\" data-audio-key=\"mandarin\" aria-label=\"\u666e\u901a\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-hakka\" data-audio-key=\"hakka\" aria-label=\"\u5ba2\u5bb6\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-cantonese\" data-audio-key=\"cantonese\" aria-label=\"\u5e7f\u5e9c\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-teochew\" data-audio-key=\"teochew\" aria-label=\"\u6f6e\u5dde\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-minnan\" data-audio-key=\"minnan\" aria-label=\"\u95fd\u5357\u8bdd\u53d1\u97f3\"><\/button>\n\n  <audio preload=\"auto\" data-audio-key=\"mandarin\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u666e\u901a\u8bdd7.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"hakka\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u5ba2\u5bb6\u8bdd7.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"cantonese\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u5e7f\u5e9c\u8bdd7.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"teochew\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u6f6e\u5dde\u8bdd7.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"minnan\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u95fd\u5357\u8bdd7.wav\"><\/audio>\n\n<\/div>\n\n\n\n<style data-wp-block-html=\"css\">\n.language-audio-board{\n  position: relative;\n  width: min(100%, 965px);\n  aspect-ratio: 1058 \/ 380;\n  margin: 0 auto;\n  background: url('https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u6a21\u7248\u8bed\u8a00\u6587\u5b57.jpg') center \/ 100% 100% no-repeat;\n  overflow: hidden;\n}\n\n.language-audio-board *{\n  box-sizing: border-box;\n}\n\n.language-audio-board .board-image{\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  padding: 6px;\n}\n\n.language-audio-board .board-image img{\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: contain;\n  object-position: center;\n}\n\n.language-audio-board .board-image-left{\n  left: 11%;\n  top: 23.2%;\n  width: 17.8%;\n  height: 53.6%;\n  padding: 0;\n}\n\n.language-audio-board .board-image-left img{\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: cover;\n  object-position: center;\n}\n\n.language-audio-board .board-image-center{\n  left: 10%;\n  top: 10%;\n  width: 80.5%;\n  height: 80.5%;\n}\n\n.language-audio-board .voice-hotspot{\n  position: absolute;\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: transparent;\n  cursor: pointer;\n  border-radius: 8px;\n  transition: background-color .2s ease, box-shadow .2s ease, transform .15s ease;\n}\n\n.language-audio-board .voice-hotspot:hover,\n.language-audio-board .voice-hotspot.is-active{\n  background: rgba(201, 79, 37, 0.10);\n  box-shadow: inset 0 0 0 2px rgba(201, 79, 37, 0.35);\n}\n\n.language-audio-board .voice-hotspot:active{\n  transform: scale(0.98);\n}\n\n.language-audio-board .voice-hotspot:focus{\n  outline: 2px solid #c94f25;\n  outline-offset: 2px;\n}\n\n.language-audio-board .hotspot-mandarin{\n  left: 37%;\n  top: 11.5%;\n  width: 26.5%;\n  height: 77.5%;\n}\n\n.language-audio-board .hotspot-hakka{\n  left: 66.5%;\n  top: 25%;\n  width: 13%;\n  height: 23%;\n}\n\n.language-audio-board .hotspot-cantonese{\n  left: 80.5%;\n  top: 25%;\n  width: 13%;\n  height: 23%;\n}\n\n.language-audio-board .hotspot-teochew{\n  left: 66.5%;\n  top: 52%;\n  width: 13%;\n  height: 23.5%;\n}\n\n.language-audio-board .hotspot-minnan{\n  left: 80.5%;\n  top: 52%;\n  width: 13%;\n  height: 23.5%;\n}\n\n@media (max-width: 768px){\n  .language-audio-board .board-image{\n    padding: 4px;\n  }\n\n  .language-audio-board .board-image-left{\n    padding: 0;\n  }\n\n  .language-audio-board .voice-hotspot{\n    border-radius: 4px;\n  }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener('DOMContentLoaded', function () {\n  document.querySelectorAll('.language-audio-board').forEach(function (board) {\n    var buttons = board.querySelectorAll('.voice-hotspot');\n    var audios = board.querySelectorAll('audio');\n\n    function stopAllAudio() {\n      audios.forEach(function (audio) {\n        audio.pause();\n        audio.currentTime = 0;\n      });\n\n      buttons.forEach(function (btn) {\n        btn.classList.remove('is-active');\n      });\n    }\n\n    buttons.forEach(function (btn) {\n      btn.addEventListener('click', function () {\n        var key = btn.getAttribute('data-audio-key');\n        var targetAudio = board.querySelector('audio[data-audio-key=\"' + key + '\"]');\n        if (!targetAudio) return;\n\n        stopAllAudio();\n        btn.classList.add('is-active');\n\n        var playPromise = targetAudio.play();\n        if (playPromise !== undefined) {\n          playPromise.catch(function (err) {\n            console.log('\u97f3\u9891\u64ad\u653e\u5931\u8d25\uff1a', err);\n          });\n        }\n      });\n    });\n\n    audios.forEach(function (audio) {\n      audio.addEventListener('ended', function () {\n        buttons.forEach(function (btn) {\n          btn.classList.remove('is-active');\n        });\n      });\n    });\n  });\n});\n<\/script>\n\n<div class=\"language-audio-board\">\n\n  <div class=\"board-image board-image-left\">\n    <img decoding=\"async\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/srchttps___hanyu-word-gif.cdn_.bcebos.com_b24f1b285c056442c95193b30cf4e604b.gifreferhttp___www.baidu_.gif\" alt=\"\u5de6\u4fa7\u5c55\u793a\u56fe\u7247\">\n  <\/div>\n\n  <div class=\"board-image board-image-center\">\n    <img decoding=\"async\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u516b.jpg\" alt=\"\u4e2d\u95f4\u5c55\u793a\u56fe\u7247\">\n  <\/div>\n\n  <button type=\"button\" class=\"voice-hotspot hotspot-mandarin\" data-audio-key=\"mandarin\" aria-label=\"\u666e\u901a\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-hakka\" data-audio-key=\"hakka\" aria-label=\"\u5ba2\u5bb6\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-cantonese\" data-audio-key=\"cantonese\" aria-label=\"\u5e7f\u5e9c\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-teochew\" data-audio-key=\"teochew\" aria-label=\"\u6f6e\u5dde\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-minnan\" data-audio-key=\"minnan\" aria-label=\"\u95fd\u5357\u8bdd\u53d1\u97f3\"><\/button>\n\n  <audio preload=\"auto\" data-audio-key=\"mandarin\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u666e\u901a\u8bdd8.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"hakka\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u5ba2\u5bb6\u8bdd8.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"cantonese\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u5e7f\u5e9c\u8bdd8.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"teochew\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u6f6e\u5dde\u8bdd8.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"minnan\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u95fd\u5357\u8bdd8.wav\"><\/audio>\n\n<\/div>\n\n\n\n<style data-wp-block-html=\"css\">\n.language-audio-board{\n  position: relative;\n  width: min(100%, 965px);\n  aspect-ratio: 1058 \/ 380;\n  margin: 0 auto;\n  background: url('https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u6a21\u7248\u8bed\u8a00\u6587\u5b57.jpg') center \/ 100% 100% no-repeat;\n  overflow: hidden;\n}\n\n.language-audio-board *{\n  box-sizing: border-box;\n}\n\n.language-audio-board .board-image{\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  padding: 6px;\n}\n\n.language-audio-board .board-image img{\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: contain;\n  object-position: center;\n}\n\n.language-audio-board .board-image-left{\n  left: 11%;\n  top: 23.2%;\n  width: 17.8%;\n  height: 53.6%;\n  padding: 0;\n}\n\n.language-audio-board .board-image-left img{\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: cover;\n  object-position: center;\n}\n\n.language-audio-board .board-image-center{\n  left: 10%;\n  top: 10%;\n  width: 80.5%;\n  height: 80.5%;\n}\n\n.language-audio-board .voice-hotspot{\n  position: absolute;\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: transparent;\n  cursor: pointer;\n  border-radius: 8px;\n  transition: background-color .2s ease, box-shadow .2s ease, transform .15s ease;\n}\n\n.language-audio-board .voice-hotspot:hover,\n.language-audio-board .voice-hotspot.is-active{\n  background: rgba(201, 79, 37, 0.10);\n  box-shadow: inset 0 0 0 2px rgba(201, 79, 37, 0.35);\n}\n\n.language-audio-board .voice-hotspot:active{\n  transform: scale(0.98);\n}\n\n.language-audio-board .voice-hotspot:focus{\n  outline: 2px solid #c94f25;\n  outline-offset: 2px;\n}\n\n.language-audio-board .hotspot-mandarin{\n  left: 37%;\n  top: 11.5%;\n  width: 26.5%;\n  height: 77.5%;\n}\n\n.language-audio-board .hotspot-hakka{\n  left: 66.5%;\n  top: 25%;\n  width: 13%;\n  height: 23%;\n}\n\n.language-audio-board .hotspot-cantonese{\n  left: 80.5%;\n  top: 25%;\n  width: 13%;\n  height: 23%;\n}\n\n.language-audio-board .hotspot-teochew{\n  left: 66.5%;\n  top: 52%;\n  width: 13%;\n  height: 23.5%;\n}\n\n.language-audio-board .hotspot-minnan{\n  left: 80.5%;\n  top: 52%;\n  width: 13%;\n  height: 23.5%;\n}\n\n@media (max-width: 768px){\n  .language-audio-board .board-image{\n    padding: 4px;\n  }\n\n  .language-audio-board .board-image-left{\n    padding: 0;\n  }\n\n  .language-audio-board .voice-hotspot{\n    border-radius: 4px;\n  }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener('DOMContentLoaded', function () {\n  document.querySelectorAll('.language-audio-board').forEach(function (board) {\n    var buttons = board.querySelectorAll('.voice-hotspot');\n    var audios = board.querySelectorAll('audio');\n\n    function stopAllAudio() {\n      audios.forEach(function (audio) {\n        audio.pause();\n        audio.currentTime = 0;\n      });\n\n      buttons.forEach(function (btn) {\n        btn.classList.remove('is-active');\n      });\n    }\n\n    buttons.forEach(function (btn) {\n      btn.addEventListener('click', function () {\n        var key = btn.getAttribute('data-audio-key');\n        var targetAudio = board.querySelector('audio[data-audio-key=\"' + key + '\"]');\n        if (!targetAudio) return;\n\n        stopAllAudio();\n        btn.classList.add('is-active');\n\n        var playPromise = targetAudio.play();\n        if (playPromise !== undefined) {\n          playPromise.catch(function (err) {\n            console.log('\u97f3\u9891\u64ad\u653e\u5931\u8d25\uff1a', err);\n          });\n        }\n      });\n    });\n\n    audios.forEach(function (audio) {\n      audio.addEventListener('ended', function () {\n        buttons.forEach(function (btn) {\n          btn.classList.remove('is-active');\n        });\n      });\n    });\n  });\n});\n<\/script>\n\n<div class=\"language-audio-board\">\n\n  <div class=\"board-image board-image-left\">\n    <img decoding=\"async\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/srchttps___hanyu-word-gif.cdn_.bcebos.com_b8f947953033a43bba868e267614c5bc2.gifreferhttp___www.baidu_.gif\" alt=\"\u5de6\u4fa7\u5c55\u793a\u56fe\u7247\">\n  <\/div>\n\n  <div class=\"board-image board-image-center\">\n    <img decoding=\"async\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u4e5d.jpg\" alt=\"\u4e2d\u95f4\u5c55\u793a\u56fe\u7247\">\n  <\/div>\n\n  <button type=\"button\" class=\"voice-hotspot hotspot-mandarin\" data-audio-key=\"mandarin\" aria-label=\"\u666e\u901a\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-hakka\" data-audio-key=\"hakka\" aria-label=\"\u5ba2\u5bb6\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-cantonese\" data-audio-key=\"cantonese\" aria-label=\"\u5e7f\u5e9c\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-teochew\" data-audio-key=\"teochew\" aria-label=\"\u6f6e\u5dde\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-minnan\" data-audio-key=\"minnan\" aria-label=\"\u95fd\u5357\u8bdd\u53d1\u97f3\"><\/button>\n\n  <audio preload=\"auto\" data-audio-key=\"mandarin\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u666e\u901a\u8bdd9.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"hakka\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u5ba2\u5bb6\u8bdd9.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"cantonese\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u5e7f\u5e9c\u8bdd9.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"teochew\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u6f6e\u5dde\u8bdd9.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"minnan\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u95fd\u5357\u8bdd9.wav\"><\/audio>\n\n<\/div>\n\n\n\n<style data-wp-block-html=\"css\">\n.language-audio-board{\n  position: relative;\n  width: min(100%, 965px);\n  aspect-ratio: 1058 \/ 380;\n  margin: 0 auto;\n  background: url('https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u6a21\u7248\u8bed\u8a00\u6587\u5b57.jpg') center \/ 100% 100% no-repeat;\n  overflow: hidden;\n}\n\n.language-audio-board *{\n  box-sizing: border-box;\n}\n\n.language-audio-board .board-image{\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  padding: 6px;\n}\n\n.language-audio-board .board-image img{\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: contain;\n  object-position: center;\n}\n\n.language-audio-board .board-image-left{\n  left: 11%;\n  top: 23.2%;\n  width: 17.8%;\n  height: 53.6%;\n  padding: 0;\n}\n\n.language-audio-board .board-image-left img{\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: cover;\n  object-position: center;\n}\n\n.language-audio-board .board-image-center{\n  left: 10%;\n  top: 10%;\n  width: 80.5%;\n  height: 80.5%;\n}\n\n.language-audio-board .voice-hotspot{\n  position: absolute;\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: transparent;\n  cursor: pointer;\n  border-radius: 8px;\n  transition: background-color .2s ease, box-shadow .2s ease, transform .15s ease;\n}\n\n.language-audio-board .voice-hotspot:hover,\n.language-audio-board .voice-hotspot.is-active{\n  background: rgba(201, 79, 37, 0.10);\n  box-shadow: inset 0 0 0 2px rgba(201, 79, 37, 0.35);\n}\n\n.language-audio-board .voice-hotspot:active{\n  transform: scale(0.98);\n}\n\n.language-audio-board .voice-hotspot:focus{\n  outline: 2px solid #c94f25;\n  outline-offset: 2px;\n}\n\n.language-audio-board .hotspot-mandarin{\n  left: 37%;\n  top: 11.5%;\n  width: 26.5%;\n  height: 77.5%;\n}\n\n.language-audio-board .hotspot-hakka{\n  left: 66.5%;\n  top: 25%;\n  width: 13%;\n  height: 23%;\n}\n\n.language-audio-board .hotspot-cantonese{\n  left: 80.5%;\n  top: 25%;\n  width: 13%;\n  height: 23%;\n}\n\n.language-audio-board .hotspot-teochew{\n  left: 66.5%;\n  top: 52%;\n  width: 13%;\n  height: 23.5%;\n}\n\n.language-audio-board .hotspot-minnan{\n  left: 80.5%;\n  top: 52%;\n  width: 13%;\n  height: 23.5%;\n}\n\n@media (max-width: 768px){\n  .language-audio-board .board-image{\n    padding: 4px;\n  }\n\n  .language-audio-board .board-image-left{\n    padding: 0;\n  }\n\n  .language-audio-board .voice-hotspot{\n    border-radius: 4px;\n  }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener('DOMContentLoaded', function () {\n  document.querySelectorAll('.language-audio-board').forEach(function (board) {\n    var buttons = board.querySelectorAll('.voice-hotspot');\n    var audios = board.querySelectorAll('audio');\n\n    function stopAllAudio() {\n      audios.forEach(function (audio) {\n        audio.pause();\n        audio.currentTime = 0;\n      });\n\n      buttons.forEach(function (btn) {\n        btn.classList.remove('is-active');\n      });\n    }\n\n    buttons.forEach(function (btn) {\n      btn.addEventListener('click', function () {\n        var key = btn.getAttribute('data-audio-key');\n        var targetAudio = board.querySelector('audio[data-audio-key=\"' + key + '\"]');\n        if (!targetAudio) return;\n\n        stopAllAudio();\n        btn.classList.add('is-active');\n\n        var playPromise = targetAudio.play();\n        if (playPromise !== undefined) {\n          playPromise.catch(function (err) {\n            console.log('\u97f3\u9891\u64ad\u653e\u5931\u8d25\uff1a', err);\n          });\n        }\n      });\n    });\n\n    audios.forEach(function (audio) {\n      audio.addEventListener('ended', function () {\n        buttons.forEach(function (btn) {\n          btn.classList.remove('is-active');\n        });\n      });\n    });\n  });\n});\n<\/script>\n\n<div class=\"language-audio-board\">\n\n  <div class=\"board-image board-image-left\">\n    <img decoding=\"async\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/srchttps___hanyu-word-gif.cdn_.bcebos.com_b4cda2bbe43154cc6bd95f89bc6b3a013.gifreferhttp___www.baidu_.gif\" alt=\"\u5de6\u4fa7\u5c55\u793a\u56fe\u7247\">\n  <\/div>\n\n  <div class=\"board-image board-image-center\">\n    <img decoding=\"async\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u5341.jpg\" alt=\"\u4e2d\u95f4\u5c55\u793a\u56fe\u7247\">\n  <\/div>\n\n  <button type=\"button\" class=\"voice-hotspot hotspot-mandarin\" data-audio-key=\"mandarin\" aria-label=\"\u666e\u901a\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-hakka\" data-audio-key=\"hakka\" aria-label=\"\u5ba2\u5bb6\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-cantonese\" data-audio-key=\"cantonese\" aria-label=\"\u5e7f\u5e9c\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-teochew\" data-audio-key=\"teochew\" aria-label=\"\u6f6e\u5dde\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-minnan\" data-audio-key=\"minnan\" aria-label=\"\u95fd\u5357\u8bdd\u53d1\u97f3\"><\/button>\n\n  <audio preload=\"auto\" data-audio-key=\"mandarin\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u666e\u901a\u8bdd10.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"hakka\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u5ba2\u5bb6\u8bdd10.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"cantonese\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u5e7f\u5e9c\u8bdd10.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"teochew\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u6f6e\u5dde\u8bdd10.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"minnan\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u95fd\u5357\u8bdd10.wav\"><\/audio>\n\n<\/div>\n\n\n\n<style data-wp-block-html=\"css\">\n.language-audio-board{\n  position: relative;\n  width: min(100%, 965px);\n  aspect-ratio: 1058 \/ 380;\n  margin: 0 auto;\n  background: url('https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u6a21\u7248\u8bed\u8a00\u6587\u5b57.jpg') center \/ 100% 100% no-repeat;\n  overflow: hidden;\n}\n\n.language-audio-board *{\n  box-sizing: border-box;\n}\n\n.language-audio-board .board-image{\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  padding: 6px;\n}\n\n.language-audio-board .board-image img{\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: contain;\n  object-position: center;\n}\n\n.language-audio-board .board-image-left{\n  left: 11%;\n  top: 23.2%;\n  width: 17.8%;\n  height: 53.6%;\n  padding: 0;\n}\n\n.language-audio-board .board-image-left img{\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: cover;\n  object-position: center;\n}\n\n.language-audio-board .board-image-center{\n  left: 10%;\n  top: 10%;\n  width: 80.5%;\n  height: 80.5%;\n}\n\n.language-audio-board .voice-hotspot{\n  position: absolute;\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: transparent;\n  cursor: pointer;\n  border-radius: 8px;\n  transition: background-color .2s ease, box-shadow .2s ease, transform .15s ease;\n}\n\n.language-audio-board .voice-hotspot:hover,\n.language-audio-board .voice-hotspot.is-active{\n  background: rgba(201, 79, 37, 0.10);\n  box-shadow: inset 0 0 0 2px rgba(201, 79, 37, 0.35);\n}\n\n.language-audio-board .voice-hotspot:active{\n  transform: scale(0.98);\n}\n\n.language-audio-board .voice-hotspot:focus{\n  outline: 2px solid #c94f25;\n  outline-offset: 2px;\n}\n\n.language-audio-board .hotspot-mandarin{\n  left: 37%;\n  top: 11.5%;\n  width: 26.5%;\n  height: 77.5%;\n}\n\n.language-audio-board .hotspot-hakka{\n  left: 66.5%;\n  top: 25%;\n  width: 13%;\n  height: 23%;\n}\n\n.language-audio-board .hotspot-cantonese{\n  left: 80.5%;\n  top: 25%;\n  width: 13%;\n  height: 23%;\n}\n\n.language-audio-board .hotspot-teochew{\n  left: 66.5%;\n  top: 52%;\n  width: 13%;\n  height: 23.5%;\n}\n\n.language-audio-board .hotspot-minnan{\n  left: 80.5%;\n  top: 52%;\n  width: 13%;\n  height: 23.5%;\n}\n\n@media (max-width: 768px){\n  .language-audio-board .board-image{\n    padding: 4px;\n  }\n\n  .language-audio-board .board-image-left{\n    padding: 0;\n  }\n\n  .language-audio-board .voice-hotspot{\n    border-radius: 4px;\n  }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener('DOMContentLoaded', function () {\n  document.querySelectorAll('.language-audio-board').forEach(function (board) {\n    var buttons = board.querySelectorAll('.voice-hotspot');\n    var audios = board.querySelectorAll('audio');\n\n    function stopAllAudio() {\n      audios.forEach(function (audio) {\n        audio.pause();\n        audio.currentTime = 0;\n      });\n\n      buttons.forEach(function (btn) {\n        btn.classList.remove('is-active');\n      });\n    }\n\n    buttons.forEach(function (btn) {\n      btn.addEventListener('click', function () {\n        var key = btn.getAttribute('data-audio-key');\n        var targetAudio = board.querySelector('audio[data-audio-key=\"' + key + '\"]');\n        if (!targetAudio) return;\n\n        stopAllAudio();\n        btn.classList.add('is-active');\n\n        var playPromise = targetAudio.play();\n        if (playPromise !== undefined) {\n          playPromise.catch(function (err) {\n            console.log('\u97f3\u9891\u64ad\u653e\u5931\u8d25\uff1a', err);\n          });\n        }\n      });\n    });\n\n    audios.forEach(function (audio) {\n      audio.addEventListener('ended', function () {\n        buttons.forEach(function (btn) {\n          btn.classList.remove('is-active');\n        });\n      });\n    });\n  });\n});\n<\/script>\n\n<div class=\"language-audio-board\">\n\n  <div class=\"board-image board-image-left\">\n    <img decoding=\"async\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/srchttps___hanyu-word-gif.cdn_.bcebos.com_b5c188176156740eab5cf0062ee77afc3.gifreferhttp___www.baidu_.gif\" alt=\"\u5de6\u4fa7\u5c55\u793a\u56fe\u7247\">\n  <\/div>\n\n  <div class=\"board-image board-image-center\">\n    <img decoding=\"async\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u96f6.jpg\" alt=\"\u4e2d\u95f4\u5c55\u793a\u56fe\u7247\">\n  <\/div>\n\n  <button type=\"button\" class=\"voice-hotspot hotspot-mandarin\" data-audio-key=\"mandarin\" aria-label=\"\u666e\u901a\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-hakka\" data-audio-key=\"hakka\" aria-label=\"\u5ba2\u5bb6\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-cantonese\" data-audio-key=\"cantonese\" aria-label=\"\u5e7f\u5e9c\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-teochew\" data-audio-key=\"teochew\" aria-label=\"\u6f6e\u5dde\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-minnan\" data-audio-key=\"minnan\" aria-label=\"\u95fd\u5357\u8bdd\u53d1\u97f3\"><\/button>\n\n  <audio preload=\"auto\" data-audio-key=\"mandarin\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u666e\u901a\u8bdd0.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"hakka\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u5ba2\u5bb6\u8bdd0.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"cantonese\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u5e7f\u5e9c\u8bdd0.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"teochew\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u6f6e\u5dde\u8bdd0.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"minnan\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u95fd\u5357\u8bdd0.wav\"><\/audio>\n\n<\/div>\n\n\n\n<style data-wp-block-html=\"css\">\n.language-audio-board{\n  position: relative;\n  width: min(100%, 965px);\n  aspect-ratio: 1058 \/ 380;\n  margin: 0 auto;\n  background: url('https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u6a21\u7248\u8bed\u8a00\u6587\u5b57.jpg') center \/ 100% 100% no-repeat;\n  overflow: hidden;\n}\n\n.language-audio-board *{\n  box-sizing: border-box;\n}\n\n.language-audio-board .board-image{\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  padding: 6px;\n}\n\n.language-audio-board .board-image img{\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: contain;\n  object-position: center;\n}\n\n.language-audio-board .board-image-left{\n  left: 11%;\n  top: 23.2%;\n  width: 17.8%;\n  height: 53.6%;\n  padding: 0;\n}\n\n.language-audio-board .board-image-left img{\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: cover;\n  object-position: center;\n}\n\n.language-audio-board .board-image-center{\n  left: 10%;\n  top: 10%;\n  width: 80.5%;\n  height: 80.5%;\n}\n\n.language-audio-board .voice-hotspot{\n  position: absolute;\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: transparent;\n  cursor: pointer;\n  border-radius: 8px;\n  transition: background-color .2s ease, box-shadow .2s ease, transform .15s ease;\n}\n\n.language-audio-board .voice-hotspot:hover,\n.language-audio-board .voice-hotspot.is-active{\n  background: rgba(201, 79, 37, 0.10);\n  box-shadow: inset 0 0 0 2px rgba(201, 79, 37, 0.35);\n}\n\n.language-audio-board .voice-hotspot:active{\n  transform: scale(0.98);\n}\n\n.language-audio-board .voice-hotspot:focus{\n  outline: 2px solid #c94f25;\n  outline-offset: 2px;\n}\n\n.language-audio-board .hotspot-mandarin{\n  left: 37%;\n  top: 11.5%;\n  width: 26.5%;\n  height: 77.5%;\n}\n\n.language-audio-board .hotspot-hakka{\n  left: 66.5%;\n  top: 25%;\n  width: 13%;\n  height: 23%;\n}\n\n.language-audio-board .hotspot-cantonese{\n  left: 80.5%;\n  top: 25%;\n  width: 13%;\n  height: 23%;\n}\n\n.language-audio-board .hotspot-teochew{\n  left: 66.5%;\n  top: 52%;\n  width: 13%;\n  height: 23.5%;\n}\n\n.language-audio-board .hotspot-minnan{\n  left: 80.5%;\n  top: 52%;\n  width: 13%;\n  height: 23.5%;\n}\n\n@media (max-width: 768px){\n  .language-audio-board .board-image{\n    padding: 4px;\n  }\n\n  .language-audio-board .board-image-left{\n    padding: 0;\n  }\n\n  .language-audio-board .voice-hotspot{\n    border-radius: 4px;\n  }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener('DOMContentLoaded', function () {\n  document.querySelectorAll('.language-audio-board').forEach(function (board) {\n    var buttons = board.querySelectorAll('.voice-hotspot');\n    var audios = board.querySelectorAll('audio');\n\n    function stopAllAudio() {\n      audios.forEach(function (audio) {\n        audio.pause();\n        audio.currentTime = 0;\n      });\n\n      buttons.forEach(function (btn) {\n        btn.classList.remove('is-active');\n      });\n    }\n\n    buttons.forEach(function (btn) {\n      btn.addEventListener('click', function () {\n        var key = btn.getAttribute('data-audio-key');\n        var targetAudio = board.querySelector('audio[data-audio-key=\"' + key + '\"]');\n        if (!targetAudio) return;\n\n        stopAllAudio();\n        btn.classList.add('is-active');\n\n        var playPromise = targetAudio.play();\n        if (playPromise !== undefined) {\n          playPromise.catch(function (err) {\n            console.log('\u97f3\u9891\u64ad\u653e\u5931\u8d25\uff1a', err);\n          });\n        }\n      });\n    });\n\n    audios.forEach(function (audio) {\n      audio.addEventListener('ended', function () {\n        buttons.forEach(function (btn) {\n          btn.classList.remove('is-active');\n        });\n      });\n    });\n  });\n});\n<\/script>\n\n<div class=\"language-audio-board\">\n\n  <div class=\"board-image board-image-left\">\n    <img decoding=\"async\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/srchttps___hanyu-word-gif.cdn_.bcebos.com_b85e9755db30d49f3b375c6622740f7c8.gifreferhttp___www.baidu_.gif\" alt=\"\u5de6\u4fa7\u5c55\u793a\u56fe\u7247\">\n  <\/div>\n\n  <div class=\"board-image board-image-center\">\n    <img decoding=\"async\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u4e1c.jpg\" alt=\"\u4e2d\u95f4\u5c55\u793a\u56fe\u7247\">\n  <\/div>\n\n  <button type=\"button\" class=\"voice-hotspot hotspot-mandarin\" data-audio-key=\"mandarin\" aria-label=\"\u666e\u901a\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-hakka\" data-audio-key=\"hakka\" aria-label=\"\u5ba2\u5bb6\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-cantonese\" data-audio-key=\"cantonese\" aria-label=\"\u5e7f\u5e9c\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-teochew\" data-audio-key=\"teochew\" aria-label=\"\u6f6e\u5dde\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-minnan\" data-audio-key=\"minnan\" aria-label=\"\u95fd\u5357\u8bdd\u53d1\u97f3\"><\/button>\n\n  <audio preload=\"auto\" data-audio-key=\"mandarin\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u4e1c\uff0c\u666e\u901a\u8bdd.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"hakka\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u4e1c\uff0c\u5ba2\u5bb6\u8bdd.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"cantonese\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u4e1c\uff0c\u5e7f\u5e9c\u8bdd.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"teochew\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u4e1c\uff0c\u6f6e\u5dde\u8bdd.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"minnan\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u4e1c\uff0c\u95fd\u5357\u8bdd.wav\"><\/audio>\n\n<\/div>\n\n\n\n<style data-wp-block-html=\"css\">\n.language-audio-board{\n  position: relative;\n  width: min(100%, 965px);\n  aspect-ratio: 1058 \/ 380;\n  margin: 0 auto;\n  background: url('https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u6a21\u7248\u8bed\u8a00\u6587\u5b57.jpg') center \/ 100% 100% no-repeat;\n  overflow: hidden;\n}\n\n.language-audio-board *{\n  box-sizing: border-box;\n}\n\n.language-audio-board .board-image{\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  padding: 6px;\n}\n\n.language-audio-board .board-image img{\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: contain;\n  object-position: center;\n}\n\n.language-audio-board .board-image-left{\n  left: 11%;\n  top: 23.2%;\n  width: 17.8%;\n  height: 53.6%;\n  padding: 0;\n}\n\n.language-audio-board .board-image-left img{\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: cover;\n  object-position: center;\n}\n\n.language-audio-board .board-image-center{\n  left: 10%;\n  top: 10%;\n  width: 80.5%;\n  height: 80.5%;\n}\n\n.language-audio-board .voice-hotspot{\n  position: absolute;\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: transparent;\n  cursor: pointer;\n  border-radius: 8px;\n  transition: background-color .2s ease, box-shadow .2s ease, transform .15s ease;\n}\n\n.language-audio-board .voice-hotspot:hover,\n.language-audio-board .voice-hotspot.is-active{\n  background: rgba(201, 79, 37, 0.10);\n  box-shadow: inset 0 0 0 2px rgba(201, 79, 37, 0.35);\n}\n\n.language-audio-board .voice-hotspot:active{\n  transform: scale(0.98);\n}\n\n.language-audio-board .voice-hotspot:focus{\n  outline: 2px solid #c94f25;\n  outline-offset: 2px;\n}\n\n.language-audio-board .hotspot-mandarin{\n  left: 37%;\n  top: 11.5%;\n  width: 26.5%;\n  height: 77.5%;\n}\n\n.language-audio-board .hotspot-hakka{\n  left: 66.5%;\n  top: 25%;\n  width: 13%;\n  height: 23%;\n}\n\n.language-audio-board .hotspot-cantonese{\n  left: 80.5%;\n  top: 25%;\n  width: 13%;\n  height: 23%;\n}\n\n.language-audio-board .hotspot-teochew{\n  left: 66.5%;\n  top: 52%;\n  width: 13%;\n  height: 23.5%;\n}\n\n.language-audio-board .hotspot-minnan{\n  left: 80.5%;\n  top: 52%;\n  width: 13%;\n  height: 23.5%;\n}\n\n@media (max-width: 768px){\n  .language-audio-board .board-image{\n    padding: 4px;\n  }\n\n  .language-audio-board .board-image-left{\n    padding: 0;\n  }\n\n  .language-audio-board .voice-hotspot{\n    border-radius: 4px;\n  }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener('DOMContentLoaded', function () {\n  document.querySelectorAll('.language-audio-board').forEach(function (board) {\n    var buttons = board.querySelectorAll('.voice-hotspot');\n    var audios = board.querySelectorAll('audio');\n\n    function stopAllAudio() {\n      audios.forEach(function (audio) {\n        audio.pause();\n        audio.currentTime = 0;\n      });\n\n      buttons.forEach(function (btn) {\n        btn.classList.remove('is-active');\n      });\n    }\n\n    buttons.forEach(function (btn) {\n      btn.addEventListener('click', function () {\n        var key = btn.getAttribute('data-audio-key');\n        var targetAudio = board.querySelector('audio[data-audio-key=\"' + key + '\"]');\n        if (!targetAudio) return;\n\n        stopAllAudio();\n        btn.classList.add('is-active');\n\n        var playPromise = targetAudio.play();\n        if (playPromise !== undefined) {\n          playPromise.catch(function (err) {\n            console.log('\u97f3\u9891\u64ad\u653e\u5931\u8d25\uff1a', err);\n          });\n        }\n      });\n    });\n\n    audios.forEach(function (audio) {\n      audio.addEventListener('ended', function () {\n        buttons.forEach(function (btn) {\n          btn.classList.remove('is-active');\n        });\n      });\n    });\n  });\n});\n<\/script>\n\n<div class=\"language-audio-board\">\n\n  <div class=\"board-image board-image-left\">\n    <img decoding=\"async\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/srchttps___hanyu-word-gif.cdn_.bcebos.com_b11c30e59f5774593bac8ae9445091f21.gifreferhttp___www.baidu_.gif\" alt=\"\u5de6\u4fa7\u5c55\u793a\u56fe\u7247\">\n  <\/div>\n\n  <div class=\"board-image board-image-center\">\n    <img decoding=\"async\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u897f.jpg\" alt=\"\u4e2d\u95f4\u5c55\u793a\u56fe\u7247\">\n  <\/div>\n\n  <button type=\"button\" class=\"voice-hotspot hotspot-mandarin\" data-audio-key=\"mandarin\" aria-label=\"\u666e\u901a\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-hakka\" data-audio-key=\"hakka\" aria-label=\"\u5ba2\u5bb6\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-cantonese\" data-audio-key=\"cantonese\" aria-label=\"\u5e7f\u5e9c\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-teochew\" data-audio-key=\"teochew\" aria-label=\"\u6f6e\u5dde\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-minnan\" data-audio-key=\"minnan\" aria-label=\"\u95fd\u5357\u8bdd\u53d1\u97f3\"><\/button>\n\n  <audio preload=\"auto\" data-audio-key=\"mandarin\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u897f\uff0c\u666e\u901a\u8bdd.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"hakka\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u897f\uff0c\u5ba2\u5bb6\u8bdd.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"cantonese\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u897f\uff0c\u5e7f\u5e9c\u8bdd.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"teochew\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u897f\uff0c\u6f6e\u5dde\u8bdd.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"minnan\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u897f\uff0c\u95fd\u5357\u8bdd.wav\"><\/audio>\n\n<\/div>\n\n\n\n<style data-wp-block-html=\"css\">\n.language-audio-board{\n  position: relative;\n  width: min(100%, 965px);\n  aspect-ratio: 1058 \/ 380;\n  margin: 0 auto;\n  background: url('https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u6a21\u7248\u8bed\u8a00\u6587\u5b57.jpg') center \/ 100% 100% no-repeat;\n  overflow: hidden;\n}\n\n.language-audio-board *{\n  box-sizing: border-box;\n}\n\n.language-audio-board .board-image{\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  padding: 6px;\n}\n\n.language-audio-board .board-image img{\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: contain;\n  object-position: center;\n}\n\n.language-audio-board .board-image-left{\n  left: 11%;\n  top: 23.2%;\n  width: 17.8%;\n  height: 53.6%;\n  padding: 0;\n}\n\n.language-audio-board .board-image-left img{\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: cover;\n  object-position: center;\n}\n\n.language-audio-board .board-image-center{\n  left: 10%;\n  top: 10%;\n  width: 80.5%;\n  height: 80.5%;\n}\n\n.language-audio-board .voice-hotspot{\n  position: absolute;\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: transparent;\n  cursor: pointer;\n  border-radius: 8px;\n  transition: background-color .2s ease, box-shadow .2s ease, transform .15s ease;\n}\n\n.language-audio-board .voice-hotspot:hover,\n.language-audio-board .voice-hotspot.is-active{\n  background: rgba(201, 79, 37, 0.10);\n  box-shadow: inset 0 0 0 2px rgba(201, 79, 37, 0.35);\n}\n\n.language-audio-board .voice-hotspot:active{\n  transform: scale(0.98);\n}\n\n.language-audio-board .voice-hotspot:focus{\n  outline: 2px solid #c94f25;\n  outline-offset: 2px;\n}\n\n.language-audio-board .hotspot-mandarin{\n  left: 37%;\n  top: 11.5%;\n  width: 26.5%;\n  height: 77.5%;\n}\n\n.language-audio-board .hotspot-hakka{\n  left: 66.5%;\n  top: 25%;\n  width: 13%;\n  height: 23%;\n}\n\n.language-audio-board .hotspot-cantonese{\n  left: 80.5%;\n  top: 25%;\n  width: 13%;\n  height: 23%;\n}\n\n.language-audio-board .hotspot-teochew{\n  left: 66.5%;\n  top: 52%;\n  width: 13%;\n  height: 23.5%;\n}\n\n.language-audio-board .hotspot-minnan{\n  left: 80.5%;\n  top: 52%;\n  width: 13%;\n  height: 23.5%;\n}\n\n@media (max-width: 768px){\n  .language-audio-board .board-image{\n    padding: 4px;\n  }\n\n  .language-audio-board .board-image-left{\n    padding: 0;\n  }\n\n  .language-audio-board .voice-hotspot{\n    border-radius: 4px;\n  }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener('DOMContentLoaded', function () {\n  document.querySelectorAll('.language-audio-board').forEach(function (board) {\n    var buttons = board.querySelectorAll('.voice-hotspot');\n    var audios = board.querySelectorAll('audio');\n\n    function stopAllAudio() {\n      audios.forEach(function (audio) {\n        audio.pause();\n        audio.currentTime = 0;\n      });\n\n      buttons.forEach(function (btn) {\n        btn.classList.remove('is-active');\n      });\n    }\n\n    buttons.forEach(function (btn) {\n      btn.addEventListener('click', function () {\n        var key = btn.getAttribute('data-audio-key');\n        var targetAudio = board.querySelector('audio[data-audio-key=\"' + key + '\"]');\n        if (!targetAudio) return;\n\n        stopAllAudio();\n        btn.classList.add('is-active');\n\n        var playPromise = targetAudio.play();\n        if (playPromise !== undefined) {\n          playPromise.catch(function (err) {\n            console.log('\u97f3\u9891\u64ad\u653e\u5931\u8d25\uff1a', err);\n          });\n        }\n      });\n    });\n\n    audios.forEach(function (audio) {\n      audio.addEventListener('ended', function () {\n        buttons.forEach(function (btn) {\n          btn.classList.remove('is-active');\n        });\n      });\n    });\n  });\n});\n<\/script>\n\n<div class=\"language-audio-board\">\n\n  <div class=\"board-image board-image-left\">\n    <img decoding=\"async\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/srchttps___hanyu-word-gif.cdn_.bcebos.com_b49c3a823427711e58dd7c8e0eb15ce01.gifreferhttp___www.baidu_.gif\" alt=\"\u5de6\u4fa7\u5c55\u793a\u56fe\u7247\">\n  <\/div>\n\n  <div class=\"board-image board-image-center\">\n    <img decoding=\"async\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u5357.jpg\" alt=\"\u4e2d\u95f4\u5c55\u793a\u56fe\u7247\">\n  <\/div>\n\n  <button type=\"button\" class=\"voice-hotspot hotspot-mandarin\" data-audio-key=\"mandarin\" aria-label=\"\u666e\u901a\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-hakka\" data-audio-key=\"hakka\" aria-label=\"\u5ba2\u5bb6\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-cantonese\" data-audio-key=\"cantonese\" aria-label=\"\u5e7f\u5e9c\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-teochew\" data-audio-key=\"teochew\" aria-label=\"\u6f6e\u5dde\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-minnan\" data-audio-key=\"minnan\" aria-label=\"\u95fd\u5357\u8bdd\u53d1\u97f3\"><\/button>\n\n  <audio preload=\"auto\" data-audio-key=\"mandarin\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u5357\uff0c\u666e\u901a\u8bdd.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"hakka\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u5357\uff0c\u5ba2\u5bb6\u8bdd.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"cantonese\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u5357\uff0c\u5e7f\u5e9c\u8bdd.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"teochew\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u5357\uff0c\u6f6e\u5dde\u8bdd.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"minnan\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u5357\uff0c\u95fd\u5357\u8bdd.wav\"><\/audio>\n\n<\/div>\n\n\n\n<style data-wp-block-html=\"css\">\n.language-audio-board{\n  position: relative;\n  width: min(100%, 965px);\n  aspect-ratio: 1058 \/ 380;\n  margin: 0 auto;\n  background: url('https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u6a21\u7248\u8bed\u8a00\u6587\u5b57.jpg') center \/ 100% 100% no-repeat;\n  overflow: hidden;\n}\n\n.language-audio-board *{\n  box-sizing: border-box;\n}\n\n.language-audio-board .board-image{\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  padding: 6px;\n}\n\n.language-audio-board .board-image img{\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: contain;\n  object-position: center;\n}\n\n.language-audio-board .board-image-left{\n  left: 11%;\n  top: 23.2%;\n  width: 17.8%;\n  height: 53.6%;\n  padding: 0;\n}\n\n.language-audio-board .board-image-left img{\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: cover;\n  object-position: center;\n}\n\n.language-audio-board .board-image-center{\n  left: 10%;\n  top: 10%;\n  width: 80.5%;\n  height: 80.5%;\n}\n\n.language-audio-board .voice-hotspot{\n  position: absolute;\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: transparent;\n  cursor: pointer;\n  border-radius: 8px;\n  transition: background-color .2s ease, box-shadow .2s ease, transform .15s ease;\n}\n\n.language-audio-board .voice-hotspot:hover,\n.language-audio-board .voice-hotspot.is-active{\n  background: rgba(201, 79, 37, 0.10);\n  box-shadow: inset 0 0 0 2px rgba(201, 79, 37, 0.35);\n}\n\n.language-audio-board .voice-hotspot:active{\n  transform: scale(0.98);\n}\n\n.language-audio-board .voice-hotspot:focus{\n  outline: 2px solid #c94f25;\n  outline-offset: 2px;\n}\n\n.language-audio-board .hotspot-mandarin{\n  left: 37%;\n  top: 11.5%;\n  width: 26.5%;\n  height: 77.5%;\n}\n\n.language-audio-board .hotspot-hakka{\n  left: 66.5%;\n  top: 25%;\n  width: 13%;\n  height: 23%;\n}\n\n.language-audio-board .hotspot-cantonese{\n  left: 80.5%;\n  top: 25%;\n  width: 13%;\n  height: 23%;\n}\n\n.language-audio-board .hotspot-teochew{\n  left: 66.5%;\n  top: 52%;\n  width: 13%;\n  height: 23.5%;\n}\n\n.language-audio-board .hotspot-minnan{\n  left: 80.5%;\n  top: 52%;\n  width: 13%;\n  height: 23.5%;\n}\n\n@media (max-width: 768px){\n  .language-audio-board .board-image{\n    padding: 4px;\n  }\n\n  .language-audio-board .board-image-left{\n    padding: 0;\n  }\n\n  .language-audio-board .voice-hotspot{\n    border-radius: 4px;\n  }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener('DOMContentLoaded', function () {\n  document.querySelectorAll('.language-audio-board').forEach(function (board) {\n    var buttons = board.querySelectorAll('.voice-hotspot');\n    var audios = board.querySelectorAll('audio');\n\n    function stopAllAudio() {\n      audios.forEach(function (audio) {\n        audio.pause();\n        audio.currentTime = 0;\n      });\n\n      buttons.forEach(function (btn) {\n        btn.classList.remove('is-active');\n      });\n    }\n\n    buttons.forEach(function (btn) {\n      btn.addEventListener('click', function () {\n        var key = btn.getAttribute('data-audio-key');\n        var targetAudio = board.querySelector('audio[data-audio-key=\"' + key + '\"]');\n        if (!targetAudio) return;\n\n        stopAllAudio();\n        btn.classList.add('is-active');\n\n        var playPromise = targetAudio.play();\n        if (playPromise !== undefined) {\n          playPromise.catch(function (err) {\n            console.log('\u97f3\u9891\u64ad\u653e\u5931\u8d25\uff1a', err);\n          });\n        }\n      });\n    });\n\n    audios.forEach(function (audio) {\n      audio.addEventListener('ended', function () {\n        buttons.forEach(function (btn) {\n          btn.classList.remove('is-active');\n        });\n      });\n    });\n  });\n});\n<\/script>\n\n<div class=\"language-audio-board\">\n\n  <div class=\"board-image board-image-left\">\n    <img decoding=\"async\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/srchttps___hanyu-word-gif.cdn_.bcebos.com_bc05c5449d046430989a20a99bd25b810.gifreferhttp___www.baidu_.gif\" alt=\"\u5de6\u4fa7\u5c55\u793a\u56fe\u7247\">\n  <\/div>\n\n  <div class=\"board-image board-image-center\">\n    <img decoding=\"async\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u5317.jpg\" alt=\"\u4e2d\u95f4\u5c55\u793a\u56fe\u7247\">\n  <\/div>\n\n  <button type=\"button\" class=\"voice-hotspot hotspot-mandarin\" data-audio-key=\"mandarin\" aria-label=\"\u666e\u901a\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-hakka\" data-audio-key=\"hakka\" aria-label=\"\u5ba2\u5bb6\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-cantonese\" data-audio-key=\"cantonese\" aria-label=\"\u5e7f\u5e9c\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-teochew\" data-audio-key=\"teochew\" aria-label=\"\u6f6e\u5dde\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-minnan\" data-audio-key=\"minnan\" aria-label=\"\u95fd\u5357\u8bdd\u53d1\u97f3\"><\/button>\n\n  <audio preload=\"auto\" data-audio-key=\"mandarin\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u5317\uff0c\u666e\u901a\u8bdd.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"hakka\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u5317\uff0c\u5ba2\u5bb6\u8bdd.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"cantonese\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u5317\uff0c\u5e7f\u5e9c\u8bdd.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"teochew\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u5317\uff0c\u6f6e\u5dde\u8bdd.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"minnan\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u5317\uff0c\u95fd\u5357\u8bdd.wav\"><\/audio>\n\n<\/div>\n\n\n\n<style data-wp-block-html=\"css\">\n.language-audio-board{\n  position: relative;\n  width: min(100%, 965px);\n  aspect-ratio: 1058 \/ 380;\n  margin: 0 auto;\n  background: url('https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u6a21\u7248\u8bed\u8a00\u6587\u5b57.jpg') center \/ 100% 100% no-repeat;\n  overflow: hidden;\n}\n\n.language-audio-board *{\n  box-sizing: border-box;\n}\n\n.language-audio-board .board-image{\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  padding: 6px;\n}\n\n.language-audio-board .board-image img{\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: contain;\n  object-position: center;\n}\n\n.language-audio-board .board-image-left{\n  left: 11%;\n  top: 23.2%;\n  width: 17.8%;\n  height: 53.6%;\n  padding: 0;\n}\n\n.language-audio-board .board-image-left img{\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: cover;\n  object-position: center;\n}\n\n.language-audio-board .board-image-center{\n  left: 10%;\n  top: 10%;\n  width: 80.5%;\n  height: 80.5%;\n}\n\n.language-audio-board .voice-hotspot{\n  position: absolute;\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: transparent;\n  cursor: pointer;\n  border-radius: 8px;\n  transition: background-color .2s ease, box-shadow .2s ease, transform .15s ease;\n}\n\n.language-audio-board .voice-hotspot:hover,\n.language-audio-board .voice-hotspot.is-active{\n  background: rgba(201, 79, 37, 0.10);\n  box-shadow: inset 0 0 0 2px rgba(201, 79, 37, 0.35);\n}\n\n.language-audio-board .voice-hotspot:active{\n  transform: scale(0.98);\n}\n\n.language-audio-board .voice-hotspot:focus{\n  outline: 2px solid #c94f25;\n  outline-offset: 2px;\n}\n\n.language-audio-board .hotspot-mandarin{\n  left: 37%;\n  top: 11.5%;\n  width: 26.5%;\n  height: 77.5%;\n}\n\n.language-audio-board .hotspot-hakka{\n  left: 66.5%;\n  top: 25%;\n  width: 13%;\n  height: 23%;\n}\n\n.language-audio-board .hotspot-cantonese{\n  left: 80.5%;\n  top: 25%;\n  width: 13%;\n  height: 23%;\n}\n\n.language-audio-board .hotspot-teochew{\n  left: 66.5%;\n  top: 52%;\n  width: 13%;\n  height: 23.5%;\n}\n\n.language-audio-board .hotspot-minnan{\n  left: 80.5%;\n  top: 52%;\n  width: 13%;\n  height: 23.5%;\n}\n\n@media (max-width: 768px){\n  .language-audio-board .board-image{\n    padding: 4px;\n  }\n\n  .language-audio-board .board-image-left{\n    padding: 0;\n  }\n\n  .language-audio-board .voice-hotspot{\n    border-radius: 4px;\n  }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener('DOMContentLoaded', function () {\n  document.querySelectorAll('.language-audio-board').forEach(function (board) {\n    var buttons = board.querySelectorAll('.voice-hotspot');\n    var audios = board.querySelectorAll('audio');\n\n    function stopAllAudio() {\n      audios.forEach(function (audio) {\n        audio.pause();\n        audio.currentTime = 0;\n      });\n\n      buttons.forEach(function (btn) {\n        btn.classList.remove('is-active');\n      });\n    }\n\n    buttons.forEach(function (btn) {\n      btn.addEventListener('click', function () {\n        var key = btn.getAttribute('data-audio-key');\n        var targetAudio = board.querySelector('audio[data-audio-key=\"' + key + '\"]');\n        if (!targetAudio) return;\n\n        stopAllAudio();\n        btn.classList.add('is-active');\n\n        var playPromise = targetAudio.play();\n        if (playPromise !== undefined) {\n          playPromise.catch(function (err) {\n            console.log('\u97f3\u9891\u64ad\u653e\u5931\u8d25\uff1a', err);\n          });\n        }\n      });\n    });\n\n    audios.forEach(function (audio) {\n      audio.addEventListener('ended', function () {\n        buttons.forEach(function (btn) {\n          btn.classList.remove('is-active');\n        });\n      });\n    });\n  });\n});\n<\/script>\n\n<div class=\"language-audio-board\">\n\n  <div class=\"board-image board-image-left\">\n    <img decoding=\"async\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/srchttps___hanyu-word-gif.cdn_.bcebos.com_b49ba3238427711e5b450c8e0eb15ce01.gifreferhttp___www.baidu_.gif\" alt=\"\u5de6\u4fa7\u5c55\u793a\u56fe\u7247\">\n  <\/div>\n\n  <div class=\"board-image board-image-center\">\n    <img decoding=\"async\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u4e2d.jpg\" alt=\"\u4e2d\u95f4\u5c55\u793a\u56fe\u7247\">\n  <\/div>\n\n  <button type=\"button\" class=\"voice-hotspot hotspot-mandarin\" data-audio-key=\"mandarin\" aria-label=\"\u666e\u901a\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-hakka\" data-audio-key=\"hakka\" aria-label=\"\u5ba2\u5bb6\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-cantonese\" data-audio-key=\"cantonese\" aria-label=\"\u5e7f\u5e9c\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-teochew\" data-audio-key=\"teochew\" aria-label=\"\u6f6e\u5dde\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-minnan\" data-audio-key=\"minnan\" aria-label=\"\u95fd\u5357\u8bdd\u53d1\u97f3\"><\/button>\n\n  <audio preload=\"auto\" data-audio-key=\"mandarin\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u4e2d\uff0c\u666e\u901a\u8bdd.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"hakka\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u4e2d\uff0c\u5ba2\u5bb6\u8bdd.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"cantonese\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u4e2d\uff0c\u5e7f\u5e9c\u8bdd.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"teochew\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u4e2d\uff0c\u6f6e\u5dde\u8bdd.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"minnan\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u4e2d\uff0c\u95fd\u5357\u8bdd.wav\"><\/audio>\n\n<\/div>\n\n\n\n<style data-wp-block-html=\"css\">\n.language-audio-board{\n  position: relative;\n  width: min(100%, 965px);\n  aspect-ratio: 1058 \/ 380;\n  margin: 0 auto;\n  background: url('https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u6a21\u7248\u8bed\u8a00\u6587\u5b57.jpg') center \/ 100% 100% no-repeat;\n  overflow: hidden;\n}\n\n.language-audio-board *{\n  box-sizing: border-box;\n}\n\n.language-audio-board .board-image{\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  padding: 6px;\n}\n\n.language-audio-board .board-image img{\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: contain;\n  object-position: center;\n}\n\n.language-audio-board .board-image-left{\n  left: 11%;\n  top: 23.2%;\n  width: 17.8%;\n  height: 53.6%;\n  padding: 0;\n}\n\n.language-audio-board .board-image-left img{\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: cover;\n  object-position: center;\n}\n\n.language-audio-board .board-image-center{\n  left: 10%;\n  top: 10%;\n  width: 80.5%;\n  height: 80.5%;\n}\n\n.language-audio-board .voice-hotspot{\n  position: absolute;\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: transparent;\n  cursor: pointer;\n  border-radius: 8px;\n  transition: background-color .2s ease, box-shadow .2s ease, transform .15s ease;\n}\n\n.language-audio-board .voice-hotspot:hover,\n.language-audio-board .voice-hotspot.is-active{\n  background: rgba(201, 79, 37, 0.10);\n  box-shadow: inset 0 0 0 2px rgba(201, 79, 37, 0.35);\n}\n\n.language-audio-board .voice-hotspot:active{\n  transform: scale(0.98);\n}\n\n.language-audio-board .voice-hotspot:focus{\n  outline: 2px solid #c94f25;\n  outline-offset: 2px;\n}\n\n.language-audio-board .hotspot-mandarin{\n  left: 37%;\n  top: 11.5%;\n  width: 26.5%;\n  height: 77.5%;\n}\n\n.language-audio-board .hotspot-hakka{\n  left: 66.5%;\n  top: 25%;\n  width: 13%;\n  height: 23%;\n}\n\n.language-audio-board .hotspot-cantonese{\n  left: 80.5%;\n  top: 25%;\n  width: 13%;\n  height: 23%;\n}\n\n.language-audio-board .hotspot-teochew{\n  left: 66.5%;\n  top: 52%;\n  width: 13%;\n  height: 23.5%;\n}\n\n.language-audio-board .hotspot-minnan{\n  left: 80.5%;\n  top: 52%;\n  width: 13%;\n  height: 23.5%;\n}\n\n@media (max-width: 768px){\n  .language-audio-board .board-image{\n    padding: 4px;\n  }\n\n  .language-audio-board .board-image-left{\n    padding: 0;\n  }\n\n  .language-audio-board .voice-hotspot{\n    border-radius: 4px;\n  }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener('DOMContentLoaded', function () {\n  document.querySelectorAll('.language-audio-board').forEach(function (board) {\n    var buttons = board.querySelectorAll('.voice-hotspot');\n    var audios = board.querySelectorAll('audio');\n\n    function stopAllAudio() {\n      audios.forEach(function (audio) {\n        audio.pause();\n        audio.currentTime = 0;\n      });\n\n      buttons.forEach(function (btn) {\n        btn.classList.remove('is-active');\n      });\n    }\n\n    buttons.forEach(function (btn) {\n      btn.addEventListener('click', function () {\n        var key = btn.getAttribute('data-audio-key');\n        var targetAudio = board.querySelector('audio[data-audio-key=\"' + key + '\"]');\n        if (!targetAudio) return;\n\n        stopAllAudio();\n        btn.classList.add('is-active');\n\n        var playPromise = targetAudio.play();\n        if (playPromise !== undefined) {\n          playPromise.catch(function (err) {\n            console.log('\u97f3\u9891\u64ad\u653e\u5931\u8d25\uff1a', err);\n          });\n        }\n      });\n    });\n\n    audios.forEach(function (audio) {\n      audio.addEventListener('ended', function () {\n        buttons.forEach(function (btn) {\n          btn.classList.remove('is-active');\n        });\n      });\n    });\n  });\n});\n<\/script>\n\n<div class=\"language-audio-board\">\n\n  <div class=\"board-image board-image-left\">\n    <img decoding=\"async\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/srchttps___hanyu-word-gif.cdn_.bcebos.com_b49cf178c427711e5a5cdc8e0eb15ce01.gifreferhttp___www.baidu_.gif\" alt=\"\u5de6\u4fa7\u5c55\u793a\u56fe\u7247\">\n  <\/div>\n\n  <div class=\"board-image board-image-center\">\n    <img decoding=\"async\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u597d.jpg\" alt=\"\u4e2d\u95f4\u5c55\u793a\u56fe\u7247\">\n  <\/div>\n\n  <button type=\"button\" class=\"voice-hotspot hotspot-mandarin\" data-audio-key=\"mandarin\" aria-label=\"\u666e\u901a\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-hakka\" data-audio-key=\"hakka\" aria-label=\"\u5ba2\u5bb6\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-cantonese\" data-audio-key=\"cantonese\" aria-label=\"\u5e7f\u5e9c\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-teochew\" data-audio-key=\"teochew\" aria-label=\"\u6f6e\u5dde\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-minnan\" data-audio-key=\"minnan\" aria-label=\"\u95fd\u5357\u8bdd\u53d1\u97f3\"><\/button>\n\n  <audio preload=\"auto\" data-audio-key=\"mandarin\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u597d\uff0c\u666e\u901a\u8bdd.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"hakka\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u597d\uff0c\u5ba2\u5bb6\u8bdd.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"cantonese\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u597d\uff0c\u5e7f\u5e9c\u8bdd.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"teochew\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u597d\uff0c\u6f6e\u5dde\u8bdd.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"minnan\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u597d\uff0c\u95fd\u5357\u8bdd.wav\"><\/audio>\n\n<\/div>\n\n\n\n<style data-wp-block-html=\"css\">\n.language-audio-board{\n  position: relative;\n  width: min(100%, 965px);\n  aspect-ratio: 1058 \/ 380;\n  margin: 0 auto;\n  background: url('https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u6a21\u7248\u8bed\u8a00\u6587\u5b57.jpg') center \/ 100% 100% no-repeat;\n  overflow: hidden;\n}\n\n.language-audio-board *{\n  box-sizing: border-box;\n}\n\n.language-audio-board .board-image{\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  padding: 6px;\n}\n\n.language-audio-board .board-image img{\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: contain;\n  object-position: center;\n}\n\n.language-audio-board .board-image-left{\n  left: 11%;\n  top: 23.2%;\n  width: 17.8%;\n  height: 53.6%;\n  padding: 0;\n}\n\n.language-audio-board .board-image-left img{\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: cover;\n  object-position: center;\n}\n\n.language-audio-board .board-image-center{\n  left: 10%;\n  top: 10%;\n  width: 80.5%;\n  height: 80.5%;\n}\n\n.language-audio-board .voice-hotspot{\n  position: absolute;\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: transparent;\n  cursor: pointer;\n  border-radius: 8px;\n  transition: background-color .2s ease, box-shadow .2s ease, transform .15s ease;\n}\n\n.language-audio-board .voice-hotspot:hover,\n.language-audio-board .voice-hotspot.is-active{\n  background: rgba(201, 79, 37, 0.10);\n  box-shadow: inset 0 0 0 2px rgba(201, 79, 37, 0.35);\n}\n\n.language-audio-board .voice-hotspot:active{\n  transform: scale(0.98);\n}\n\n.language-audio-board .voice-hotspot:focus{\n  outline: 2px solid #c94f25;\n  outline-offset: 2px;\n}\n\n.language-audio-board .hotspot-mandarin{\n  left: 37%;\n  top: 11.5%;\n  width: 26.5%;\n  height: 77.5%;\n}\n\n.language-audio-board .hotspot-hakka{\n  left: 66.5%;\n  top: 25%;\n  width: 13%;\n  height: 23%;\n}\n\n.language-audio-board .hotspot-cantonese{\n  left: 80.5%;\n  top: 25%;\n  width: 13%;\n  height: 23%;\n}\n\n.language-audio-board .hotspot-teochew{\n  left: 66.5%;\n  top: 52%;\n  width: 13%;\n  height: 23.5%;\n}\n\n.language-audio-board .hotspot-minnan{\n  left: 80.5%;\n  top: 52%;\n  width: 13%;\n  height: 23.5%;\n}\n\n@media (max-width: 768px){\n  .language-audio-board .board-image{\n    padding: 4px;\n  }\n\n  .language-audio-board .board-image-left{\n    padding: 0;\n  }\n\n  .language-audio-board .voice-hotspot{\n    border-radius: 4px;\n  }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener('DOMContentLoaded', function () {\n  document.querySelectorAll('.language-audio-board').forEach(function (board) {\n    var buttons = board.querySelectorAll('.voice-hotspot');\n    var audios = board.querySelectorAll('audio');\n\n    function stopAllAudio() {\n      audios.forEach(function (audio) {\n        audio.pause();\n        audio.currentTime = 0;\n      });\n\n      buttons.forEach(function (btn) {\n        btn.classList.remove('is-active');\n      });\n    }\n\n    buttons.forEach(function (btn) {\n      btn.addEventListener('click', function () {\n        var key = btn.getAttribute('data-audio-key');\n        var targetAudio = board.querySelector('audio[data-audio-key=\"' + key + '\"]');\n        if (!targetAudio) return;\n\n        stopAllAudio();\n        btn.classList.add('is-active');\n\n        var playPromise = targetAudio.play();\n        if (playPromise !== undefined) {\n          playPromise.catch(function (err) {\n            console.log('\u97f3\u9891\u64ad\u653e\u5931\u8d25\uff1a', err);\n          });\n        }\n      });\n    });\n\n    audios.forEach(function (audio) {\n      audio.addEventListener('ended', function () {\n        buttons.forEach(function (btn) {\n          btn.classList.remove('is-active');\n        });\n      });\n    });\n  });\n});\n<\/script>\n\n<div class=\"language-audio-board\">\n\n  <div class=\"board-image board-image-left\">\n    <img decoding=\"async\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/srchttps___hanyu-word-gif.cdn_.bcebos.com_bb2d025474b274e199999b1bbb286808e.gifreferhttp___www.baidu_.gif\" alt=\"\u5de6\u4fa7\u5c55\u793a\u56fe\u7247\">\n  <\/div>\n\n  <div class=\"board-image board-image-center\">\n    <img decoding=\"async\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u8bf7.jpg\" alt=\"\u4e2d\u95f4\u5c55\u793a\u56fe\u7247\">\n  <\/div>\n\n  <button type=\"button\" class=\"voice-hotspot hotspot-mandarin\" data-audio-key=\"mandarin\" aria-label=\"\u666e\u901a\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-hakka\" data-audio-key=\"hakka\" aria-label=\"\u5ba2\u5bb6\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-cantonese\" data-audio-key=\"cantonese\" aria-label=\"\u5e7f\u5e9c\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-teochew\" data-audio-key=\"teochew\" aria-label=\"\u6f6e\u5dde\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-minnan\" data-audio-key=\"minnan\" aria-label=\"\u95fd\u5357\u8bdd\u53d1\u97f3\"><\/button>\n\n  <audio preload=\"auto\" data-audio-key=\"mandarin\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u8bf7\uff0c\u666e\u901a\u8bdd.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"hakka\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u8bf7\uff0c\u5ba2\u5bb6\u8bdd.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"cantonese\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u8bf7\uff0c\u5e7f\u5e9c\u8bdd.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"teochew\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u8bf7\u3001\u6f6e\u5dde\u8bdd.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"minnan\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u8bf7\uff0c\u95fd\u5357\u8bdd.wav\"><\/audio>\n\n<\/div>\n\n\n\n<style data-wp-block-html=\"css\">\n.language-audio-board{\n  position: relative;\n  width: min(100%, 965px);\n  aspect-ratio: 1058 \/ 380;\n  margin: 0 auto;\n  background: url('https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u6a21\u7248\u8bed\u8a00\u6587\u5b57.jpg') center \/ 100% 100% no-repeat;\n  overflow: hidden;\n}\n\n.language-audio-board *{\n  box-sizing: border-box;\n}\n\n.language-audio-board .board-image{\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  padding: 6px;\n}\n\n.language-audio-board .board-image img{\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: contain;\n  object-position: center;\n}\n\n.language-audio-board .board-image-left{\n  left: 11%;\n  top: 23.2%;\n  width: 17.8%;\n  height: 53.6%;\n  padding: 0;\n}\n\n.language-audio-board .board-image-left img{\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: cover;\n  object-position: center;\n}\n\n.language-audio-board .board-image-center{\n  left: 10%;\n  top: 10%;\n  width: 80.5%;\n  height: 80.5%;\n}\n\n.language-audio-board .voice-hotspot{\n  position: absolute;\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: transparent;\n  cursor: pointer;\n  border-radius: 8px;\n  transition: background-color .2s ease, box-shadow .2s ease, transform .15s ease;\n}\n\n.language-audio-board .voice-hotspot:hover,\n.language-audio-board .voice-hotspot.is-active{\n  background: rgba(201, 79, 37, 0.10);\n  box-shadow: inset 0 0 0 2px rgba(201, 79, 37, 0.35);\n}\n\n.language-audio-board .voice-hotspot:active{\n  transform: scale(0.98);\n}\n\n.language-audio-board .voice-hotspot:focus{\n  outline: 2px solid #c94f25;\n  outline-offset: 2px;\n}\n\n.language-audio-board .hotspot-mandarin{\n  left: 37%;\n  top: 11.5%;\n  width: 26.5%;\n  height: 77.5%;\n}\n\n.language-audio-board .hotspot-hakka{\n  left: 66.5%;\n  top: 25%;\n  width: 13%;\n  height: 23%;\n}\n\n.language-audio-board .hotspot-cantonese{\n  left: 80.5%;\n  top: 25%;\n  width: 13%;\n  height: 23%;\n}\n\n.language-audio-board .hotspot-teochew{\n  left: 66.5%;\n  top: 52%;\n  width: 13%;\n  height: 23.5%;\n}\n\n.language-audio-board .hotspot-minnan{\n  left: 80.5%;\n  top: 52%;\n  width: 13%;\n  height: 23.5%;\n}\n\n@media (max-width: 768px){\n  .language-audio-board .board-image{\n    padding: 4px;\n  }\n\n  .language-audio-board .board-image-left{\n    padding: 0;\n  }\n\n  .language-audio-board .voice-hotspot{\n    border-radius: 4px;\n  }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener('DOMContentLoaded', function () {\n  document.querySelectorAll('.language-audio-board').forEach(function (board) {\n    var buttons = board.querySelectorAll('.voice-hotspot');\n    var audios = board.querySelectorAll('audio');\n\n    function stopAllAudio() {\n      audios.forEach(function (audio) {\n        audio.pause();\n        audio.currentTime = 0;\n      });\n\n      buttons.forEach(function (btn) {\n        btn.classList.remove('is-active');\n      });\n    }\n\n    buttons.forEach(function (btn) {\n      btn.addEventListener('click', function () {\n        var key = btn.getAttribute('data-audio-key');\n        var targetAudio = board.querySelector('audio[data-audio-key=\"' + key + '\"]');\n        if (!targetAudio) return;\n\n        stopAllAudio();\n        btn.classList.add('is-active');\n\n        var playPromise = targetAudio.play();\n        if (playPromise !== undefined) {\n          playPromise.catch(function (err) {\n            console.log('\u97f3\u9891\u64ad\u653e\u5931\u8d25\uff1a', err);\n          });\n        }\n      });\n    });\n\n    audios.forEach(function (audio) {\n      audio.addEventListener('ended', function () {\n        buttons.forEach(function (btn) {\n          btn.classList.remove('is-active');\n        });\n      });\n    });\n  });\n});\n<\/script>\n\n<div class=\"language-audio-board\">\n\n  <div class=\"board-image board-image-left\">\n    <img decoding=\"async\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/srchttps___hanyu-word-gif.cdn_.bcebos.com_b445bcb2f8ad245e19f60c6103f1fa25a.gifreferhttp___www.baidu_.gif\" alt=\"\u5de6\u4fa7\u5c55\u793a\u56fe\u7247\">\n  <\/div>\n\n  <div class=\"board-image board-image-center\">\n    <img decoding=\"async\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u8c22.jpg\" alt=\"\u4e2d\u95f4\u5c55\u793a\u56fe\u7247\">\n  <\/div>\n\n  <button type=\"button\" class=\"voice-hotspot hotspot-mandarin\" data-audio-key=\"mandarin\" aria-label=\"\u666e\u901a\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-hakka\" data-audio-key=\"hakka\" aria-label=\"\u5ba2\u5bb6\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-cantonese\" data-audio-key=\"cantonese\" aria-label=\"\u5e7f\u5e9c\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-teochew\" data-audio-key=\"teochew\" aria-label=\"\u6f6e\u5dde\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-minnan\" data-audio-key=\"minnan\" aria-label=\"\u95fd\u5357\u8bdd\u53d1\u97f3\"><\/button>\n\n  <audio preload=\"auto\" data-audio-key=\"mandarin\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u8c22\uff0c\u666e\u901a\u8bdd.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"hakka\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u8c22\uff0c\u5ba2\u5bb6\u8bdd.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"cantonese\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u8c22\uff0c\u5e7f\u5e9c\u8bdd.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"teochew\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u8c22\u8c22\uff0c\u6f6e\u5dde\u8bdd.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"minnan\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u8c22\uff0c\u95fd\u5357\u8bdd.wav\"><\/audio>\n\n<\/div>\n\n\n\n<style data-wp-block-html=\"css\">\n.language-audio-board{\n  position: relative;\n  width: min(100%, 965px);\n  aspect-ratio: 1058 \/ 380;\n  margin: 0 auto;\n  background: url('https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u6a21\u7248\u8bed\u8a00\u6587\u5b57.jpg') center \/ 100% 100% no-repeat;\n  overflow: hidden;\n}\n\n.language-audio-board *{\n  box-sizing: border-box;\n}\n\n.language-audio-board .board-image{\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  padding: 6px;\n}\n\n.language-audio-board .board-image img{\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: contain;\n  object-position: center;\n}\n\n.language-audio-board .board-image-left{\n  left: 11%;\n  top: 23.2%;\n  width: 17.8%;\n  height: 53.6%;\n  padding: 0;\n}\n\n.language-audio-board .board-image-left img{\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: cover;\n  object-position: center;\n}\n\n.language-audio-board .board-image-center{\n  left: 10%;\n  top: 10%;\n  width: 80.5%;\n  height: 80.5%;\n}\n\n.language-audio-board .voice-hotspot{\n  position: absolute;\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: transparent;\n  cursor: pointer;\n  border-radius: 8px;\n  transition: background-color .2s ease, box-shadow .2s ease, transform .15s ease;\n}\n\n.language-audio-board .voice-hotspot:hover,\n.language-audio-board .voice-hotspot.is-active{\n  background: rgba(201, 79, 37, 0.10);\n  box-shadow: inset 0 0 0 2px rgba(201, 79, 37, 0.35);\n}\n\n.language-audio-board .voice-hotspot:active{\n  transform: scale(0.98);\n}\n\n.language-audio-board .voice-hotspot:focus{\n  outline: 2px solid #c94f25;\n  outline-offset: 2px;\n}\n\n.language-audio-board .hotspot-mandarin{\n  left: 37%;\n  top: 11.5%;\n  width: 26.5%;\n  height: 77.5%;\n}\n\n.language-audio-board .hotspot-hakka{\n  left: 66.5%;\n  top: 25%;\n  width: 13%;\n  height: 23%;\n}\n\n.language-audio-board .hotspot-cantonese{\n  left: 80.5%;\n  top: 25%;\n  width: 13%;\n  height: 23%;\n}\n\n.language-audio-board .hotspot-teochew{\n  left: 66.5%;\n  top: 52%;\n  width: 13%;\n  height: 23.5%;\n}\n\n.language-audio-board .hotspot-minnan{\n  left: 80.5%;\n  top: 52%;\n  width: 13%;\n  height: 23.5%;\n}\n\n@media (max-width: 768px){\n  .language-audio-board .board-image{\n    padding: 4px;\n  }\n\n  .language-audio-board .board-image-left{\n    padding: 0;\n  }\n\n  .language-audio-board .voice-hotspot{\n    border-radius: 4px;\n  }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener('DOMContentLoaded', function () {\n  document.querySelectorAll('.language-audio-board').forEach(function (board) {\n    var buttons = board.querySelectorAll('.voice-hotspot');\n    var audios = board.querySelectorAll('audio');\n\n    function stopAllAudio() {\n      audios.forEach(function (audio) {\n        audio.pause();\n        audio.currentTime = 0;\n      });\n\n      buttons.forEach(function (btn) {\n        btn.classList.remove('is-active');\n      });\n    }\n\n    buttons.forEach(function (btn) {\n      btn.addEventListener('click', function () {\n        var key = btn.getAttribute('data-audio-key');\n        var targetAudio = board.querySelector('audio[data-audio-key=\"' + key + '\"]');\n        if (!targetAudio) return;\n\n        stopAllAudio();\n        btn.classList.add('is-active');\n\n        var playPromise = targetAudio.play();\n        if (playPromise !== undefined) {\n          playPromise.catch(function (err) {\n            console.log('\u97f3\u9891\u64ad\u653e\u5931\u8d25\uff1a', err);\n          });\n        }\n      });\n    });\n\n    audios.forEach(function (audio) {\n      audio.addEventListener('ended', function () {\n        buttons.forEach(function (btn) {\n          btn.classList.remove('is-active');\n        });\n      });\n    });\n  });\n});\n<\/script>\n\n<div class=\"language-audio-board\">\n\n  <div class=\"board-image board-image-left\">\n    <img decoding=\"async\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/srchttps___hanyu-word-gif.cdn_.bcebos.com_b76d3f817670943acaa44f95931edc92c.gifreferhttp___www.baidu_.gif\" alt=\"\u5de6\u4fa7\u5c55\u793a\u56fe\u7247\">\n  <\/div>\n\n  <div class=\"board-image board-image-center\">\n    <img decoding=\"async\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u65e9.jpg\" alt=\"\u4e2d\u95f4\u5c55\u793a\u56fe\u7247\">\n  <\/div>\n\n  <button type=\"button\" class=\"voice-hotspot hotspot-mandarin\" data-audio-key=\"mandarin\" aria-label=\"\u666e\u901a\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-hakka\" data-audio-key=\"hakka\" aria-label=\"\u5ba2\u5bb6\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-cantonese\" data-audio-key=\"cantonese\" aria-label=\"\u5e7f\u5e9c\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-teochew\" data-audio-key=\"teochew\" aria-label=\"\u6f6e\u5dde\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-minnan\" data-audio-key=\"minnan\" aria-label=\"\u95fd\u5357\u8bdd\u53d1\u97f3\"><\/button>\n\n  <audio preload=\"auto\" data-audio-key=\"mandarin\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u65e9\uff0c\u666e\u901a\u8bdd.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"hakka\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u65e9\uff0c\u5ba2\u5bb6\u8bdd.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"cantonese\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u65e9\uff0c\u5e7f\u5e9c\u8bdd.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"teochew\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u65e9\u4e0a\uff0c\u6f6e\u5dde\u8bdd.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"minnan\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u65e9\u4e0a\uff0c\u95fd\u5357\u8bdd.wav\"><\/audio>\n\n<\/div>\n\n\n\n<style data-wp-block-html=\"css\">\n.language-audio-board{\n  position: relative;\n  width: min(100%, 965px);\n  aspect-ratio: 1058 \/ 380;\n  margin: 0 auto;\n  background: url('https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u6a21\u7248\u8bed\u8a00\u6587\u5b57.jpg') center \/ 100% 100% no-repeat;\n  overflow: hidden;\n}\n\n.language-audio-board *{\n  box-sizing: border-box;\n}\n\n.language-audio-board .board-image{\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  padding: 6px;\n}\n\n.language-audio-board .board-image img{\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: contain;\n  object-position: center;\n}\n\n.language-audio-board .board-image-left{\n  left: 11%;\n  top: 23.2%;\n  width: 17.8%;\n  height: 53.6%;\n  padding: 0;\n}\n\n.language-audio-board .board-image-left img{\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: cover;\n  object-position: center;\n}\n\n.language-audio-board .board-image-center{\n  left: 10%;\n  top: 10%;\n  width: 80.5%;\n  height: 80.5%;\n}\n\n.language-audio-board .voice-hotspot{\n  position: absolute;\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: transparent;\n  cursor: pointer;\n  border-radius: 8px;\n  transition: background-color .2s ease, box-shadow .2s ease, transform .15s ease;\n}\n\n.language-audio-board .voice-hotspot:hover,\n.language-audio-board .voice-hotspot.is-active{\n  background: rgba(201, 79, 37, 0.10);\n  box-shadow: inset 0 0 0 2px rgba(201, 79, 37, 0.35);\n}\n\n.language-audio-board .voice-hotspot:active{\n  transform: scale(0.98);\n}\n\n.language-audio-board .voice-hotspot:focus{\n  outline: 2px solid #c94f25;\n  outline-offset: 2px;\n}\n\n.language-audio-board .hotspot-mandarin{\n  left: 37%;\n  top: 11.5%;\n  width: 26.5%;\n  height: 77.5%;\n}\n\n.language-audio-board .hotspot-hakka{\n  left: 66.5%;\n  top: 25%;\n  width: 13%;\n  height: 23%;\n}\n\n.language-audio-board .hotspot-cantonese{\n  left: 80.5%;\n  top: 25%;\n  width: 13%;\n  height: 23%;\n}\n\n.language-audio-board .hotspot-teochew{\n  left: 66.5%;\n  top: 52%;\n  width: 13%;\n  height: 23.5%;\n}\n\n.language-audio-board .hotspot-minnan{\n  left: 80.5%;\n  top: 52%;\n  width: 13%;\n  height: 23.5%;\n}\n\n@media (max-width: 768px){\n  .language-audio-board .board-image{\n    padding: 4px;\n  }\n\n  .language-audio-board .board-image-left{\n    padding: 0;\n  }\n\n  .language-audio-board .voice-hotspot{\n    border-radius: 4px;\n  }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener('DOMContentLoaded', function () {\n  document.querySelectorAll('.language-audio-board').forEach(function (board) {\n    var buttons = board.querySelectorAll('.voice-hotspot');\n    var audios = board.querySelectorAll('audio');\n\n    function stopAllAudio() {\n      audios.forEach(function (audio) {\n        audio.pause();\n        audio.currentTime = 0;\n      });\n\n      buttons.forEach(function (btn) {\n        btn.classList.remove('is-active');\n      });\n    }\n\n    buttons.forEach(function (btn) {\n      btn.addEventListener('click', function () {\n        var key = btn.getAttribute('data-audio-key');\n        var targetAudio = board.querySelector('audio[data-audio-key=\"' + key + '\"]');\n        if (!targetAudio) return;\n\n        stopAllAudio();\n        btn.classList.add('is-active');\n\n        var playPromise = targetAudio.play();\n        if (playPromise !== undefined) {\n          playPromise.catch(function (err) {\n            console.log('\u97f3\u9891\u64ad\u653e\u5931\u8d25\uff1a', err);\n          });\n        }\n      });\n    });\n\n    audios.forEach(function (audio) {\n      audio.addEventListener('ended', function () {\n        buttons.forEach(function (btn) {\n          btn.classList.remove('is-active');\n        });\n      });\n    });\n  });\n});\n<\/script>\n\n<div class=\"language-audio-board\">\n\n  <div class=\"board-image board-image-left\">\n    <img decoding=\"async\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/srchttps___hanyu-word-gif.cdn_.bcebos.com_b534df94543064afdb5c162c4e03566ae.gifreferhttp___www.baidu_.gif\" alt=\"\u5de6\u4fa7\u5c55\u793a\u56fe\u7247\">\n  <\/div>\n\n  <div class=\"board-image board-image-center\">\n    <img decoding=\"async\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u665a.jpg\" alt=\"\u4e2d\u95f4\u5c55\u793a\u56fe\u7247\">\n  <\/div>\n\n  <button type=\"button\" class=\"voice-hotspot hotspot-mandarin\" data-audio-key=\"mandarin\" aria-label=\"\u666e\u901a\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-hakka\" data-audio-key=\"hakka\" aria-label=\"\u5ba2\u5bb6\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-cantonese\" data-audio-key=\"cantonese\" aria-label=\"\u5e7f\u5e9c\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-teochew\" data-audio-key=\"teochew\" aria-label=\"\u6f6e\u5dde\u8bdd\u53d1\u97f3\"><\/button>\n  <button type=\"button\" class=\"voice-hotspot hotspot-minnan\" data-audio-key=\"minnan\" aria-label=\"\u95fd\u5357\u8bdd\u53d1\u97f3\"><\/button>\n\n  <audio preload=\"auto\" data-audio-key=\"mandarin\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u665a\u4e0a\u666e\u901a\u8bdd.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"hakka\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u665a\u4e0a\uff0c\u5ba2\u5bb6\u8bdd.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"cantonese\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u665a\u4e0a\uff0c\u5e7f\u5e9c\u8bdd.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"teochew\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u665a\u4e0a\uff0c\u6f6e\u5dde\u8bdd.wav\"><\/audio>\n  <audio preload=\"auto\" data-audio-key=\"minnan\" src=\"https:\/\/www.qichuanwang.com\/wp-content\/uploads\/2026\/06\/\u665a\u4e0a\uff0c\u95fd\u5357\u8bdd.wav\"><\/audio>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u6b22\u8fce\u53c2\u9605\u672c\u5b57\u5e93\uff0c\u672c\u5b57\u5e93\u5c06\u6210\u4e3a\u60a8\u4f20\u627f\u534e\u97f3\u7684\u7b2c\u4e00\u6b65\u3002\u5b66\u4e60\u534e\u590f\u8bed\u8a00\u7684\u7b2c\u4e00\u6b65\u3002<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-53","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.qichuanwang.com\/index.php\/wp-json\/wp\/v2\/pages\/53","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.qichuanwang.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.qichuanwang.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.qichuanwang.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.qichuanwang.com\/index.php\/wp-json\/wp\/v2\/comments?post=53"}],"version-history":[{"count":21,"href":"https:\/\/www.qichuanwang.com\/index.php\/wp-json\/wp\/v2\/pages\/53\/revisions"}],"predecessor-version":[{"id":1209,"href":"https:\/\/www.qichuanwang.com\/index.php\/wp-json\/wp\/v2\/pages\/53\/revisions\/1209"}],"wp:attachment":[{"href":"https:\/\/www.qichuanwang.com\/index.php\/wp-json\/wp\/v2\/media?parent=53"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}