{"id":12895,"date":"2025-07-17T18:53:20","date_gmt":"2025-07-17T10:53:20","guid":{"rendered":"https:\/\/tiffanysmandarin.com\/?p=12895"},"modified":"2026-08-31T14:27:32","modified_gmt":"2026-08-31T06:27:32","slug":"contemporary-chinese-vocabulary-practice-b1l4","status":"publish","type":"post","link":"https:\/\/tiffanysmandarin.com\/index.php\/2025\/07\/17\/contemporary-chinese-vocabulary-practice-b1l4\/","title":{"rendered":"B1 L4 Vocabulary and Practice"},"content":{"rendered":"\n<div style=\"height:33px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<!--\n  \u7576\u4ee3\u4e2d\u6587 Book 1 \u00b7 Lesson 4 \u300c\u8acb\u554f\u4e00\u5171\u591a\u5c11\u9322\uff1f\u300d Excuse Me, How Much Is It Altogether? \u2014 Vocabulary Embed\n  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n  Same technical pattern as dangdai-b1l1\/b1l2\/b1l3-vocab-embed.html \u2014 see\n  those files' comments for the fuller rationale. Key points repeated here:\n    - No <!DOCTYPE>\/<html>\/<head>\/<body>, no page-level toggle UI (site's own\n      Text Display \/ Pinyin Display toggle covers that); no external Quizlet\n      embed on the page \u2014 flashcard deck (07) + Match It game (08) below\n      replace it entirely\n    - CSS scoped under .dangdai-b1l4-vocab-embed with its own --db4-*\n      variables, same oxblood\/mustard\/sage\/bone palette as L1\/L2\/L3\n    - Ruby: every example\/dialogue sentence segmented WORD BY WORD into its\n      own ruby+pinyin chunk, punctuation is plain text, not ruby\n    - Root lookup by id (#dangdai-b1l4-vocab-embed-1), not currentScript\n    - Speaker buttons: inline SVG play-triangle icon, flex-locked to a true\n      circle (flex:0 0 26px; padding:0)\n    - W(t,s,p) = shared pinyin; WD(t,s,pt,ps) helper is defined for parity\n      with other lessons but UNUSED here \u2014 none of this lesson's words\n      (including carried-over \u8981, \u4e0a\u7db2\/\u4e0a\u7f51, \u90a3, \u591a\u5c11) have a genuine TW\/CN\n      pinyin split, so no WD() calls were needed this time\n    - Source page had no extractable word list (bare Quizlet embed). This\n      lesson's vocab was found directly as a complete, already-correct 30-\n      word list from a matching Quizlet set for this exact textbook\/lesson\n      (\u8cb4\/\u676f\/\u4e00\u5171\/\u591a\u5c11\/\u9322\/\u8cb7\/\u8001\u95c6\/\u71b1\/\u5305\u5b50\/\u5c0f\/\u5fae\u6ce2\/\u8981\/\u767e\/\u5927\/\u597d\u7684\/\u4e2d\/\u5916\u5e36\/\n      \u5167\u7528\/\u5e6b\/\u65b0\/\u624b\u6a5f\/\u592a\/\u584a\/\u820a\/\u80fd\/\u4e0a\u7db2\/\u90a3\/\u8ce3\/\u652f\/\u4fbf\u5b9c) rather than needing\n      reconstruction from scattered example sentences \u2014 cross-checked each\n      trad\/simp character pair individually anyway rather than assuming\n      the source list's hanzi forms were both scripts by default\n    - Verified trad\/simp CHARACTER pairs individually before writing \u2014 this\n      lesson has an unusually high count of genuine differences: \u8cb4\/\u8d35,\n      \u9322\/\u94b1, \u8cb7\/\u4e70, \u8001\u95c6\/\u8001\u677f, \u71b1\/\u70ed, \u5916\u5e36\/\u5916\u5e26, \u5167\u7528\/\u5185\u7528, \u5e6b\/\u5e2e, \u624b\u6a5f\/\u673a,\n      \u584a\/\u5757, \u820a\/\u65e7, \u4e0a\u7db2\/\u4e0a\u7f51 (carried over from L3), \u8ce3\/\u5356\n    - Traditional\/Simplified conversion: every piece of Chinese text uses the\n      site's own shared `lang-zh-TW` \/ `lang-zh-CN` classes, so the site's\n      existing cookie-driven, hyperscript-powered Text Display toggle\n      shows\/hides them automatically \u2014 including content this script injects\n      after page load. No separate cookie-reading JS is added here (an\n      earlier draft added one; it was removed once testing showed the site's\n      own toggle already reaches dynamically-injected elements, and a second,\n      guessed-cookie-name implementation only risked conflicting with it)\n    - Because the site's toggle script reaches into every lang-zh-TW\/\n      lang-zh-CN element it finds (including <ruby>\/<rt> here) and can zero\n      out font-size or force text color, `ruby`\/`.rb`\/`rt` all get their\n      color and font-size pinned with `!important`\n    - No literal `&&` appears inside the <script> tag (WordPress's content\n      filter can mangle it into `&#038;&#038;` and break the script) \u2014 every\n      spot that needs two chained conditions uses nested `if` blocks instead\n    - Top-of-page support note + a disclaimer above the invented practice\n      dialogue (both first person, \"I\"), same as L1\/L2\/L3\n-->\n<div class=\"dangdai-b1l4-vocab-embed\" id=\"dangdai-b1l4-vocab-embed-1\">\n<style>\n.dangdai-b1l4-vocab-embed {\n  --db4-oxblood: #7b2d26;\n  --db4-oxblood-dark: #5e211c;\n  --db4-mustard: #c9922b;\n  --db4-sage: #7c8b6f;\n  --db4-bone: #f7f1e6;\n  --db4-ink: #2c2620;\n  --db4-line: #e4d9c4;\n  font-family: 'Work Sans', -apple-system, sans-serif;\n  color: var(--db4-ink);\n  background: #fff;\n  max-width: 760px;\n  margin: 0 auto;\n  padding: 8px 4px 24px;\n  line-height: 1.6;\n}\n.dangdai-b1l4-vocab-embed * { box-sizing: border-box; }\n.dangdai-b1l4-vocab-embed h1,\n.dangdai-b1l4-vocab-embed h2,\n.dangdai-b1l4-vocab-embed h3 {\n  font-family: 'Bitter', Georgia, serif;\n  color: var(--db4-oxblood-dark);\n  margin: 0 0 8px;\n}\n.dangdai-b1l4-vocab-embed .db4-support-note {\n  font-size: 0.85rem;\n  color: var(--db4-sage);\n  border-bottom: 1px solid var(--db4-line);\n  padding-bottom: 12px;\n  margin: 0 0 16px;\n}\n.dangdai-b1l4-vocab-embed .db4-lede {\n  margin: 0 0 24px;\n  padding: 14px 16px;\n  background: var(--db4-bone);\n  border-left: 4px solid var(--db4-mustard);\n  border-radius: 4px;\n  font-size: 0.98rem;\n}\n.dangdai-b1l4-vocab-embed .db4-lede b { color: var(--db4-oxblood-dark); }\n.dangdai-b1l4-vocab-embed .db4-sec-eyebrow {\n  display: inline-block;\n  font-family: 'IBM Plex Mono', monospace;\n  font-size: 0.75rem;\n  letter-spacing: 0.08em;\n  color: #fff;\n  background: var(--db4-oxblood);\n  padding: 3px 9px;\n  border-radius: 3px;\n  margin: 32px 0 10px;\n}\n.dangdai-b1l4-vocab-embed .db4-word-card {\n  border: 1px solid var(--db4-line);\n  border-radius: 8px;\n  padding: 12px 14px;\n  margin-bottom: 10px;\n  background: #fff;\n}\n.dangdai-b1l4-vocab-embed .db4-word-top {\n  display: flex;\n  align-items: baseline;\n  gap: 10px;\n  flex-wrap: wrap;\n}\n.dangdai-b1l4-vocab-embed .db4-num {\n  font-family: 'IBM Plex Mono', monospace;\n  font-size: 0.75rem;\n  color: var(--db4-mustard);\n  min-width: 22px;\n}\n.dangdai-b1l4-vocab-embed .db4-hanzi { font-size: 1.35rem; font-weight: 600; }\n.dangdai-b1l4-vocab-embed ruby {\n  ruby-position: over;\n  margin-right: 2px;\n  color: var(--db4-ink) !important;\n  font-size: inherit !important;\n}\n.dangdai-b1l4-vocab-embed .rb {\n  color: var(--db4-ink) !important;\n  font-size: inherit !important;\n}\n.dangdai-b1l4-vocab-embed rt {\n  font-family: 'IBM Plex Mono', monospace;\n  font-size: 0.6rem !important;\n  color: var(--db4-sage) !important;\n  font-weight: 400;\n}\n.dangdai-b1l4-vocab-embed rt.hidden { display: none; }\n.dangdai-b1l4-vocab-embed rt.mouseover { opacity: 0; }\n.dangdai-b1l4-vocab-embed rt.mouseover:hover { opacity: 1; }\n.dangdai-b1l4-vocab-embed .db4-meaning { font-style: italic; color: #6b5f52; font-size: 0.92rem; }\n.dangdai-b1l4-vocab-embed .db4-speaker {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex: 0 0 26px;\n  width: 26px;\n  height: 26px;\n  padding: 0;\n  border: none;\n  background: var(--db4-bone);\n  color: var(--db4-oxblood);\n  border-radius: 50%;\n  cursor: pointer;\n  margin-left: auto;\n}\n.dangdai-b1l4-vocab-embed .db4-speaker:hover { background: var(--db4-mustard); color: #fff; }\n.dangdai-b1l4-vocab-embed .db4-example {\n  margin-top: 8px;\n  padding-top: 8px;\n  border-top: 1px dashed var(--db4-line);\n  font-size: 0.95rem;\n}\n.dangdai-b1l4-vocab-embed .db4-example .db4-sent-word { display: inline-flex; }\n.dangdai-b1l4-vocab-embed .db4-example .db4-punct { margin-right: 2px; }\n.dangdai-b1l4-vocab-embed .db4-example .db4-en {\n  display: block;\n  color: #6b5f52;\n  font-size: 0.85rem;\n  margin-top: 4px;\n}\n.dangdai-b1l4-vocab-embed .db4-dialogue-note { font-size: 0.85rem; color: #6b5f52; margin: 0 0 10px; }\n.dangdai-b1l4-vocab-embed .db4-dialogue {\n  background: var(--db4-bone);\n  border-radius: 8px;\n  padding: 16px 18px;\n  margin-top: 8px;\n}\n.dangdai-b1l4-vocab-embed .db4-line {\n  display: flex;\n  gap: 8px;\n  margin-bottom: 12px;\n  align-items: flex-start;\n  flex-wrap: wrap;\n}\n.dangdai-b1l4-vocab-embed .db4-speaker-tag {\n  font-family: 'IBM Plex Mono', monospace;\n  font-size: 0.72rem;\n  color: var(--db4-oxblood);\n  min-width: 46px;\n  padding-top: 3px;\n}\n.dangdai-b1l4-vocab-embed .db4-line-body { flex: 1; min-width: 200px; }\n.dangdai-b1l4-vocab-embed .db4-line-en { display: block; color: #6b5f52; font-size: 0.82rem; margin-top: 2px; }\n\n.dangdai-b1l4-vocab-embed .db4-fc-hint { font-size: 0.85rem; color: #6b5f52; margin: 0 0 12px; text-align: center; }\n.dangdai-b1l4-vocab-embed .db4-flashcard-wrap { max-width: 320px; margin: 0 auto 14px; perspective: 1200px; }\n.dangdai-b1l4-vocab-embed .db4-flashcard {\n  position: relative;\n  width: 100%;\n  height: 230px;\n  cursor: pointer;\n  transform-style: preserve-3d;\n  transition: transform 0.5s;\n}\n.dangdai-b1l4-vocab-embed .db4-flashcard.db4-flipped { transform: rotateY(180deg); }\n.dangdai-b1l4-vocab-embed .db4-fc-face {\n  position: absolute;\n  inset: 0;\n  backface-visibility: hidden;\n  border: 1px solid var(--db4-line);\n  border-radius: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 16px;\n  background: #fff;\n  text-align: center;\n}\n.dangdai-b1l4-vocab-embed .db4-fc-back { transform: rotateY(180deg); background: var(--db4-bone); }\n.dangdai-b1l4-vocab-embed .db4-fc-front .db4-hanzi { font-size: 4rem !important; }\n.dangdai-b1l4-vocab-embed .db4-flashcard-wrap rt { font-size: 1.2rem !important; }\n.dangdai-b1l4-vocab-embed .db4-fc-back .db4-meaning { font-style: italic; color: var(--db4-oxblood-dark); font-size: 1.725rem; }\n.dangdai-b1l4-vocab-embed .db4-flashcard-controls { display: flex; align-items: center; justify-content: center; gap: 14px; margin-bottom: 28px; }\n.dangdai-b1l4-vocab-embed .db4-game-btn {\n  font-family: 'Work Sans', sans-serif;\n  font-size: 0.85rem;\n  border: 1px solid var(--db4-oxblood);\n  color: var(--db4-oxblood);\n  background: #fff;\n  padding: 6px 14px;\n  border-radius: 20px;\n  cursor: pointer;\n}\n.dangdai-b1l4-vocab-embed .db4-game-btn:hover { background: var(--db4-oxblood); color: #fff; }\n.dangdai-b1l4-vocab-embed .db4-game-bar { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; flex-wrap: wrap; }\n.dangdai-b1l4-vocab-embed .db4-game-status { font-family: 'IBM Plex Mono', monospace; font-size: 0.82rem; color: var(--db4-sage); }\n.dangdai-b1l4-vocab-embed .db4-game-board { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }\n.dangdai-b1l4-vocab-embed .db4-game-col { display: flex; flex-direction: column; gap: 8px; }\n.dangdai-b1l4-vocab-embed .db4-tile {\n  font-family: 'Work Sans', sans-serif;\n  text-align: left;\n  border: 1px solid var(--db4-line);\n  background: #fff;\n  border-radius: 6px;\n  padding: 10px 12px;\n  cursor: pointer;\n  font-size: 0.95rem;\n  color: var(--db4-ink);\n  transition: background 0.15s, border-color 0.15s, transform 0.1s;\n}\n.dangdai-b1l4-vocab-embed .db4-tile .db4-tile-py {\n  display: block;\n  font-family: 'IBM Plex Mono', monospace;\n  font-size: 0.7rem;\n  color: var(--db4-sage);\n  margin-top: 2px;\n}\n.dangdai-b1l4-vocab-embed .db4-tile:hover:not(.db4-matched):not(.db4-selected) { border-color: var(--db4-mustard); }\n.dangdai-b1l4-vocab-embed .db4-tile.db4-selected { border-color: var(--db4-oxblood); background: var(--db4-bone); }\n.dangdai-b1l4-vocab-embed .db4-tile.db4-matched { border-color: var(--db4-sage); background: #eef2e9; color: var(--db4-sage); cursor: default; }\n.dangdai-b1l4-vocab-embed .db4-tile.db4-wrong { border-color: #b5453d; background: #fbeceb; animation: db4-shake 0.3s; }\n@keyframes db4-shake { 0%, 100% { transform: translateX(0); } 25% { transform: translateX(-4px); } 75% { transform: translateX(4px); } }\n.dangdai-b1l4-vocab-embed .db4-game-win { text-align: center; padding: 14px; font-family: 'Bitter', serif; color: var(--db4-oxblood-dark); display: none; }\n.dangdai-b1l4-vocab-embed .db4-game-win.db4-show { display: block; }\n@media (max-width: 480px) { .dangdai-b1l4-vocab-embed .db4-game-board { grid-template-columns: 1fr; } }\n.dangdai-b1l4-vocab-embed .db4-quiz { background: #fff; border: 1px solid var(--db4-line); border-radius: 12px; padding: 20px 22px; margin-top: 8px; }\n.dangdai-b1l4-vocab-embed .db4-quiz-progress { font-size: 0.82rem; color: var(--db4-sage); margin: 0 0 10px; font-family: 'IBM Plex Mono', monospace; }\n.dangdai-b1l4-vocab-embed .db4-quiz-prompt { font-size: 1.1rem; margin: 0 0 14px; }\n.dangdai-b1l4-vocab-embed .db4-quiz-options { display: flex; flex-direction: column; gap: 8px; margin: 0 0 10px; }\n.dangdai-b1l4-vocab-embed .db4-quiz-opt { text-align: left; border: 1px solid var(--db4-line); background: var(--db4-bone); border-radius: 8px; padding: 10px 14px; cursor: pointer; font-size: 0.98rem; color: var(--db4-ink); }\n.dangdai-b1l4-vocab-embed .db4-quiz-opt:hover { background: #f0e6d2; }\n.dangdai-b1l4-vocab-embed .db4-quiz-opt.correct { background: #e3efdd; border-color: #7fae6d; color: #3d5c34; }\n.dangdai-b1l4-vocab-embed .db4-quiz-opt.incorrect { background: #f5e0dc; border-color: var(--db4-oxblood); color: var(--db4-oxblood-dark); }\n.dangdai-b1l4-vocab-embed .db4-quiz-opt[disabled] { cursor: default; }\n.dangdai-b1l4-vocab-embed .db4-quiz-input-row { display: flex; gap: 8px; margin: 0 0 10px; flex-wrap: wrap; }\n.dangdai-b1l4-vocab-embed .db4-quiz-input { flex: 1 1 200px; border: 1px solid var(--db4-line); border-radius: 8px; padding: 9px 12px; font-size: 0.98rem; }\n.dangdai-b1l4-vocab-embed .db4-quiz-submit, .dangdai-b1l4-vocab-embed .db4-quiz-next, .dangdai-b1l4-vocab-embed .db4-quiz-retake { border: none; background: var(--db4-oxblood); color: #fff; border-radius: 20px; padding: 8px 18px; font-size: 0.9rem; cursor: pointer; }\n.dangdai-b1l4-vocab-embed .db4-quiz-submit:hover, .dangdai-b1l4-vocab-embed .db4-quiz-next:hover, .dangdai-b1l4-vocab-embed .db4-quiz-retake:hover { background: var(--db4-oxblood-dark); }\n.dangdai-b1l4-vocab-embed .db4-quiz-feedback { font-size: 0.95rem; margin: 0 0 10px; min-height: 1.4em; }\n.dangdai-b1l4-vocab-embed .db4-quiz-feedback.correct { color: #3d5c34; }\n.dangdai-b1l4-vocab-embed .db4-quiz-feedback.incorrect { color: var(--db4-oxblood-dark); }\n.dangdai-b1l4-vocab-embed .db4-quiz-score { text-align: center; }\n.dangdai-b1l4-vocab-embed .db4-quiz-score .db4-quiz-score-num { font-size: 2.2rem; font-weight: 700; color: var(--db4-oxblood-dark); display: block; margin-bottom: 8px; font-family: 'Bitter', serif; }\n<\/style>\n\n<p class=\"db4-support-note\"><em>A note before you start: I&#8217;d love for you to support the official textbook \u2014 this page is only meant as a review tool for people who already own a copy, not a replacement for it.<\/em><\/p>\n\n<p class=\"db4-lede\">\n<b><span class=\"lang-zh-TW\">\u7576\u4ee3\u4e2d\u6587\u8ab2\u7a0b<\/span><span class=\"lang-zh-CN\">\u5f53\u4ee3\u4e2d\u6587\u8bfe\u7a0b<\/span> Book 1 \u00b7 Lesson 4\u300c<span class=\"lang-zh-TW\">\u8acb\u554f\u4e00\u5171\u591a\u5c11\u9322\uff1f<\/span><span class=\"lang-zh-CN\">\u8bf7\u95ee\u4e00\u5171\u591a\u5c11\u94b1\uff1f<\/span>\u300dExcuse Me, How Much Is It Altogether?<\/b> \u2014 the vocabulary from this lesson, with pinyin, meaning, and an example sentence for every word, segmented word by word so you can see how each piece works on its own.\n<\/p>\n\n<div class=\"db4-sec-eyebrow\">01 \u2014 SHOPPING &amp; MONEY<\/div>\n<div id=\"db4-word-list-1\"><\/div>\n\n<div class=\"db4-sec-eyebrow\">02 \u2014 DESCRIBING THINGS<\/div>\n<div id=\"db4-word-list-2\"><\/div>\n\n<div class=\"db4-sec-eyebrow\">03 \u2014 NUMBERS &amp; MEASURE WORDS<\/div>\n<div id=\"db4-word-list-3\"><\/div>\n\n<div class=\"db4-sec-eyebrow\">04 \u2014 FOOD &amp; ORDERING<\/div>\n<div id=\"db4-word-list-4\"><\/div>\n\n<div class=\"db4-sec-eyebrow\">05 \u2014 USEFUL VERBS &amp; WORDS<\/div>\n<div id=\"db4-word-list-5\"><\/div>\n\n<div class=\"db4-sec-eyebrow\">06 \u2014 PUT IT TOGETHER<\/div>\n<p class=\"db4-dialogue-note\"><em>Note: this dialogue is not from the textbook \u2014 it&#8217;s a short conversation I made up using the vocabulary above so you can see the words used together. For the actual Lesson 4 dialogue, I&#8217;d recommend picking up a copy of the textbook itself.<\/em><\/p>\n<div class=\"db4-dialogue\" id=\"db4-dialogue\"><\/div>\n\n<div class=\"db4-sec-eyebrow\">07 \u2014 FLASHCARDS<\/div>\n<p class=\"db4-fc-hint\">Tap the card to flip it, then use the arrows to move through the deck.<\/p>\n<div class=\"db4-flashcard-wrap\">\n  <div class=\"db4-flashcard\" id=\"db4-flashcard\">\n    <div class=\"db4-fc-face db4-fc-front\" id=\"db4-fc-front\"><\/div>\n    <div class=\"db4-fc-face db4-fc-back\" id=\"db4-fc-back\"><\/div>\n  <\/div>\n<\/div>\n<div class=\"db4-flashcard-controls\">\n  <button class=\"db4-game-btn\" id=\"db4-fc-prev\">\u2039 Prev<\/button>\n  <span class=\"db4-game-status\" id=\"db4-fc-progress\">1 \/ 30<\/span>\n  <button class=\"db4-game-btn\" id=\"db4-fc-next\">Next \u203a<\/button>\n<\/div>\n\n<div class=\"db4-sec-eyebrow\">08 \u2014 MATCH IT<\/div>\n<p style=\"font-size:0.9rem;color:#6b5f52;margin:0 0 10px;\">Tap a Chinese word, then tap the English meaning that matches it. Get all 8 pairs to finish the round.<\/p>\n<div class=\"db4-game-bar\">\n  <button class=\"db4-game-btn\" id=\"db4-game-new\">New Round<\/button>\n  <span class=\"db4-game-status\" id=\"db4-game-status\">0 \/ 8 matched<\/span>\n<\/div>\n<div class=\"db4-game-board\">\n  <div class=\"db4-game-col\" id=\"db4-game-col-zh\"><\/div>\n  <div class=\"db4-game-col\" id=\"db4-game-col-en\"><\/div>\n<\/div>\n<div class=\"db4-game-win\" id=\"db4-game-win\">\ud83c\udf89 All matched! Nice work.<\/div>\n\n<div class=\"db4-sec-eyebrow\">09 \u2014 VOCABULARY QUIZ<\/div>\n<p style=\"font-size:0.9rem;color:#6b5f52;margin:0 0 10px;\">15 questions covering this lesson&#8217;s vocabulary \u2014 a mix of multiple choice and type-the-answer.<\/p>\n<div class=\"db4-quiz\" id=\"db4-quiz\"><\/div>\n\n<script>\n(function () {\n  var root = document.getElementById('dangdai-b1l4-vocab-embed-1');\n  if (!root) return;\n\n  var SPEAKER_SVG = '<svg viewBox=\"0 0 24 24\" width=\"12\" height=\"12\" fill=\"currentColor\" aria-hidden=\"true\">' +\n    '<path d=\"M7 4.5v15l13-7.5z\"><\/path>' +\n    '<\/svg>';\n\n  function W(t, s, p) { return { t: t, s: s, pt: p, ps: p }; }\n  function WD(t, s, pt, ps) { return { t: t, s: s, pt: pt, ps: ps }; }\n\n  var GROUPS = {\n    'db4-word-list-1': [\n      { t: '\u8cb7', s: '\u4e70', p: 'm\u01cei', meaning: 'to buy',\n        ex: [W('\u6211','\u6211','W\u01d2'), W('\u60f3','\u60f3','xi\u01ceng'), W('\u8cb7','\u4e70','m\u01cei'), W('\u4e00','\u4e00','y\u012b'), W('\u652f','\u652f','zh\u012b'), W('\u65b0','\u65b0','x\u012bn'), W('\u624b\u6a5f','\u624b\u673a','sh\u01d2uj\u012b'), '\u3002'],\n        exEn: 'I want to buy a new cell phone.' },\n      { t: '\u8ce3', s: '\u5356', p: 'm\u00e0i', meaning: 'to sell',\n        ex: [W('\u8001\u95c6','\u8001\u677f','L\u01ceob\u01cen'), '\uff0c', W('\u9019','\u8fd9','zh\u00e8'), W('\u652f','\u652f','zh\u012b'), W('\u624b\u6a5f','\u624b\u673a','sh\u01d2uj\u012b'), W('\u8ce3','\u5356','m\u00e0i'), W('\u591a\u5c11','\u591a\u5c11','du\u014dsh\u01ceo'), W('\u9322','\u94b1','qi\u00e1n'), '\uff1f'],\n        exEn: 'Boss, how much do you sell this phone for?' },\n      { t: '\u8001\u95c6', s: '\u8001\u677f', p: 'l\u01ceob\u01cen', meaning: 'store owner; boss',\n        ex: [W('\u8001\u95c6','\u8001\u677f','L\u01ceob\u01cen'), W('\u5f88','\u5f88','h\u011bn'), W('\u5fd9','\u5fd9','m\u00e1ng'), '\u3002'],\n        exEn: 'The store owner is very busy.' },\n      { t: '\u9322', s: '\u94b1', p: 'qi\u00e1n', meaning: 'money',\n        ex: [W('\u6211','\u6211','W\u01d2'), W('\u6c92\u6709','\u6ca1\u6709','m\u00e9iy\u01d2u'), W('\u9322','\u94b1','qi\u00e1n'), W('\u8cb7','\u4e70','m\u01cei'), W('\u65b0','\u65b0','x\u012bn'), W('\u624b\u6a5f','\u624b\u673a','sh\u01d2uj\u012b'), '\u3002'],\n        exEn: \"I don't have money to buy a new phone.\" },\n      { t: '\u4e00\u5171', s: '\u4e00\u5171', p: 'y\u00edg\u00f2ng', meaning: 'altogether',\n        ex: [W('\u8acb\u554f','\u8bf7\u95ee','Q\u01d0ngw\u00e8n'), W('\u4e00\u5171','\u4e00\u5171','y\u00edg\u00f2ng'), W('\u591a\u5c11','\u591a\u5c11','du\u014dsh\u01ceo'), W('\u9322','\u94b1','qi\u00e1n'), '\uff1f'],\n        exEn: 'Excuse me, how much is it altogether?' },\n      { t: '\u591a\u5c11', s: '\u591a\u5c11', p: 'du\u014dsh\u01ceo', meaning: 'how much; how many',\n        ex: [W('\u9019\u500b','\u8fd9\u4e2a','Zh\u00e8ge'), W('\u5305\u5b50','\u5305\u5b50','b\u0101ozi'), W('\u591a\u5c11','\u591a\u5c11','du\u014dsh\u01ceo'), W('\u9322','\u94b1','qi\u00e1n'), '\uff1f'],\n        exEn: 'How much is this steamed bun?' },\n      { t: '\u584a', s: '\u5757', p: 'ku\u00e0i', meaning: 'dollar (monetary unit)',\n        ex: [W('\u4e00','\u4e00','Y\u012b'), W('\u500b','\u4e2a','ge'), W('\u5305\u5b50','\u5305\u5b50','b\u0101ozi'), W('\u5341','\u5341','sh\u00ed'), W('\u584a','\u5757','ku\u00e0i'), W('\u9322','\u94b1','qi\u00e1n'), '\u3002'],\n        exEn: 'One steamed bun is ten dollars.' },\n      { t: '\u4fbf\u5b9c', s: '\u4fbf\u5b9c', p: 'pi\u00e1nyi', meaning: 'cheap; inexpensive',\n        ex: [W('\u9019','\u8fd9','Zh\u00e8'), W('\u652f','\u652f','zh\u012b'), W('\u624b\u6a5f','\u624b\u673a','sh\u01d2uj\u012b'), W('\u5f88','\u5f88','h\u011bn'), W('\u4fbf\u5b9c','\u4fbf\u5b9c','pi\u00e1nyi'), '\u3002'],\n        exEn: 'This cell phone is very cheap.' },\n      { t: '\u8cb4', s: '\u8d35', p: 'gu\u00ec', meaning: 'expensive',\n        ex: [W('\u65b0','\u65b0','X\u012bn'), W('\u624b\u6a5f','\u624b\u673a','sh\u01d2uj\u012b'), W('\u592a','\u592a','t\u00e0i'), W('\u8cb4','\u8d35','gu\u00ec'), W('\u4e86','\u4e86','le'), '\u3002'],\n        exEn: 'New cell phones are too expensive.' }\n    ],\n    'db4-word-list-2': [\n      { t: '\u5927', s: '\u5927', p: 'd\u00e0', meaning: 'big; large',\n        ex: [W('\u6211','\u6211','W\u01d2'), W('\u8981','\u8981','y\u00e0o'), W('\u4e00','\u4e00','y\u012b'), W('\u500b','\u4e2a','ge'), W('\u5927','\u5927','d\u00e0'), W('\u5305\u5b50','\u5305\u5b50','b\u0101ozi'), '\u3002'],\n        exEn: 'I want a big steamed bun.' },\n      { t: '\u5c0f', s: '\u5c0f', p: 'xi\u01ceo', meaning: 'small; little (in size)',\n        ex: [W('\u9019','\u8fd9','Zh\u00e8'), W('\u652f','\u652f','zh\u012b'), W('\u624b\u6a5f','\u624b\u673a','sh\u01d2uj\u012b'), W('\u592a','\u592a','t\u00e0i'), W('\u5c0f','\u5c0f','xi\u01ceo'), W('\u4e86','\u4e86','le'), '\u3002'],\n        exEn: 'This cell phone is too small.' },\n      { t: '\u65b0', s: '\u65b0', p: 'x\u012bn', meaning: 'new',\n        ex: [W('\u6211','\u6211','W\u01d2'), W('\u60f3','\u60f3','xi\u01ceng'), W('\u8cb7','\u4e70','m\u01cei'), W('\u65b0','\u65b0','x\u012bn'), W('\u624b\u6a5f','\u624b\u673a','sh\u01d2uj\u012b'), '\u3002'],\n        exEn: 'I want to buy a new cell phone.' },\n      { t: '\u820a', s: '\u65e7', p: 'ji\u00f9', meaning: 'old',\n        ex: [W('\u9019','\u8fd9','Zh\u00e8'), W('\u652f','\u652f','zh\u012b'), W('\u624b\u6a5f','\u624b\u673a','sh\u01d2uj\u012b'), W('\u5f88','\u5f88','h\u011bn'), W('\u820a','\u65e7','ji\u00f9'), W('\u4e86','\u4e86','le'), '\u3002'],\n        exEn: 'This cell phone is quite old already.' },\n      { t: '\u4e2d', s: '\u4e2d', p: 'zh\u014dng', meaning: 'centre; middle; medium',\n        ex: [W('\u6211','\u6211','W\u01d2'), W('\u8981','\u8981','y\u00e0o'), W('\u4e00','\u4e00','y\u012b'), W('\u500b','\u4e2a','ge'), W('\u4e2d','\u4e2d','zh\u014dng'), W('\u5305\u5b50','\u5305\u5b50','b\u0101ozi'), '\u3002'],\n        exEn: 'I want a medium steamed bun.' },\n      { t: '\u592a', s: '\u592a', p: 't\u00e0i', meaning: 'too; extremely',\n        ex: [W('\u9019','\u8fd9','Zh\u00e8'), W('\u652f','\u652f','zh\u012b'), W('\u624b\u6a5f','\u624b\u673a','sh\u01d2uj\u012b'), W('\u592a','\u592a','t\u00e0i'), W('\u8cb4','\u8d35','gu\u00ec'), W('\u4e86','\u4e86','le'), '\u3002'],\n        exEn: 'This cell phone is too expensive.' }\n    ],\n    'db4-word-list-3': [\n      { t: '\u767e', s: '\u767e', p: 'b\u01cei', meaning: 'hundred',\n        ex: [W('\u9019','\u8fd9','Zh\u00e8'), W('\u652f','\u652f','zh\u012b'), W('\u624b\u6a5f','\u624b\u673a','sh\u01d2uj\u012b'), W('\u4e00','\u4e00','y\u012b'), W('\u767e','\u767e','b\u01cei'), W('\u584a','\u5757','ku\u00e0i'), W('\u9322','\u94b1','qi\u00e1n'), '\u3002'],\n        exEn: 'This cell phone is a hundred dollars.' },\n      { t: '\u652f', s: '\u652f', p: 'zh\u012b', meaning: 'measure word (for cell phones); branch',\n        ex: [W('\u6211','\u6211','W\u01d2'), W('\u8981','\u8981','y\u00e0o'), W('\u8cb7','\u4e70','m\u01cei'), W('\u4e00','\u4e00','y\u012b'), W('\u652f','\u652f','zh\u012b'), W('\u65b0','\u65b0','x\u012bn'), W('\u624b\u6a5f','\u624b\u673a','sh\u01d2uj\u012b'), '\u3002'],\n        exEn: 'I want to buy a new cell phone.' },\n      { t: '\u676f', s: '\u676f', p: 'b\u0113i', meaning: 'a cup of (measure word)',\n        ex: [W('\u6211','\u6211','W\u01d2'), W('\u8981','\u8981','y\u00e0o'), W('\u4e00','\u4e00','y\u012b'), W('\u676f','\u676f','b\u0113i'), W('\u71b1','\u70ed','r\u00e8'), W('\u5496\u5561','\u5496\u5561','k\u0101f\u0113i'), '\u3002'],\n        exEn: 'I want a cup of hot coffee.' }\n    ],\n    'db4-word-list-4': [\n      { t: '\u5305\u5b50', s: '\u5305\u5b50', p: 'b\u0101ozi', meaning: 'steamed stuffed bun',\n        ex: [W('\u9019\u500b','\u8fd9\u4e2a','Zh\u00e8ge'), W('\u5305\u5b50','\u5305\u5b50','b\u0101ozi'), W('\u5f88','\u5f88','h\u011bn'), W('\u597d\u5403','\u597d\u5403','h\u01ceoch\u012b'), '\u3002'],\n        exEn: 'This steamed bun is delicious.' },\n      { t: '\u71b1', s: '\u70ed', p: 'r\u00e8', meaning: 'hot',\n        ex: [W('\u6211','\u6211','W\u01d2'), W('\u8981','\u8981','y\u00e0o'), W('\u4e00','\u4e00','y\u012b'), W('\u500b','\u4e2a','ge'), W('\u71b1','\u70ed','r\u00e8'), W('\u5305\u5b50','\u5305\u5b50','b\u0101ozi'), '\u3002'],\n        exEn: 'I want a hot steamed bun.' },\n      { t: '\u5fae\u6ce2', s: '\u5fae\u6ce2', p: 'w\u00e9ib\u014d', meaning: 'to microwave',\n        ex: [W('\u8001\u95c6','\u8001\u677f','L\u01ceob\u01cen'), '\uff0c', W('\u53ef\u4ee5','\u53ef\u4ee5','k\u011by\u01d0'), W('\u5e6b','\u5e2e','b\u0101ng'), W('\u6211','\u6211','w\u01d2'), W('\u5fae\u6ce2','\u5fae\u6ce2','w\u00e9ib\u014d'), W('\u55ce','\u5417','ma'), '\uff1f'],\n        exEn: 'Boss, can you microwave this for me?' },\n      { t: '\u5916\u5e36', s: '\u5916\u5e26', p: 'w\u00e0id\u00e0i', meaning: 'take out; to go',\n        ex: [W('\u9019\u500b','\u8fd9\u4e2a','Zh\u00e8ge'), W('\u5305\u5b50','\u5305\u5b50','b\u0101ozi'), W('\u5916\u5e36','\u5916\u5e26','w\u00e0id\u00e0i'), '\uff0c', W('\u597d\u55ce','\u597d\u5417','h\u01ceoma'), '\uff1f'],\n        exEn: 'This steamed bun to go, okay?' },\n      { t: '\u5167\u7528', s: '\u5185\u7528', p: 'n\u00e8iy\u00f2ng', meaning: 'for here',\n        ex: [W('\u6211','\u6211','W\u01d2'), W('\u8981','\u8981','y\u00e0o'), W('\u5167\u7528','\u5185\u7528','n\u00e8iy\u00f2ng'), '\uff0c', W('\u4e0d\u8981','\u4e0d\u8981','b\u00fay\u00e0o'), W('\u5916\u5e36','\u5916\u5e26','w\u00e0id\u00e0i'), '\u3002'],\n        exEn: \"I want to eat here, not take out.\" },\n      { t: '\u597d\u7684', s: '\u597d\u7684', p: 'h\u01ceode', meaning: 'O.K.; all right',\n        ex: [W('\u597d\u7684','\u597d\u7684','H\u01ceode'), '\uff0c', W('\u8b1d\u8b1d','\u8c22\u8c22','xi\u00e8xie'), W('\u4f60','\u4f60','n\u01d0'), '\u3002'],\n        exEn: 'Okay, thank you.' }\n    ],\n    'db4-word-list-5': [\n      { t: '\u8981', s: '\u8981', p: 'y\u00e0o', meaning: 'to want; to need',\n        ex: [W('\u6211','\u6211','W\u01d2'), W('\u8981','\u8981','y\u00e0o'), W('\u4e00','\u4e00','y\u012b'), W('\u500b','\u4e2a','ge'), W('\u5927','\u5927','d\u00e0'), W('\u5305\u5b50','\u5305\u5b50','b\u0101ozi'), '\u3002'],\n        exEn: 'I want a big steamed bun.' },\n      { t: '\u80fd', s: '\u80fd', p: 'n\u00e9ng', meaning: 'can; be able to',\n        ex: [W('\u4f60','\u4f60','N\u01d0'), W('\u80fd','\u80fd','n\u00e9ng'), W('\u5e6b','\u5e2e','b\u0101ng'), W('\u6211','\u6211','w\u01d2'), W('\u55ce','\u5417','ma'), '\uff1f'],\n        exEn: 'Can you help me?' },\n      { t: '\u5e6b', s: '\u5e2e', p: 'b\u0101ng', meaning: 'to help; for',\n        ex: [W('\u8001\u95c6','\u8001\u677f','L\u01ceob\u01cen'), W('\u5e6b','\u5e2e','b\u0101ng'), W('\u6211','\u6211','w\u01d2'), W('\u5fae\u6ce2','\u5fae\u6ce2','w\u00e9ib\u014d'), W('\u5305\u5b50','\u5305\u5b50','b\u0101ozi'), '\u3002'],\n        exEn: 'The boss microwaved the bun for me.' },\n      { t: '\u624b\u6a5f', s: '\u624b\u673a', p: 'sh\u01d2uj\u012b', meaning: 'cell phone',\n        ex: [W('\u6211','\u6211','W\u01d2'), W('\u7684','\u7684','de'), W('\u624b\u6a5f','\u624b\u673a','sh\u01d2uj\u012b'), W('\u5f88','\u5f88','h\u011bn'), W('\u820a','\u65e7','ji\u00f9'), W('\u4e86','\u4e86','le'), '\u3002'],\n        exEn: 'My cell phone is quite old already.' },\n      { t: '\u4e0a\u7db2', s: '\u4e0a\u7f51', p: 'sh\u00e0ngw\u01ceng', meaning: 'to surf the internet',\n        ex: [W('\u6211','\u6211','W\u01d2'), W('\u5e38\u5e38','\u5e38\u5e38','ch\u00e1ngch\u00e1ng'), W('\u7528','\u7528','y\u00f2ng'), W('\u624b\u6a5f','\u624b\u673a','sh\u01d2uj\u012b'), W('\u4e0a\u7db2','\u4e0a\u7f51','sh\u00e0ngw\u01ceng'), '\u3002'],\n        exEn: 'I often use my phone to go online.' },\n      { t: '\u90a3', s: '\u90a3', p: 'n\u00e0', meaning: 'that',\n        ex: [W('\u90a3','\u90a3','N\u00e0'), W('\u652f','\u652f','zh\u012b'), W('\u624b\u6a5f','\u624b\u673a','sh\u01d2uj\u012b'), W('\u591a\u5c11','\u591a\u5c11','du\u014dsh\u01ceo'), W('\u9322','\u94b1','qi\u00e1n'), '\uff1f'],\n        exEn: 'How much is that cell phone?' }\n    ]\n  };\n\n  var DIALOGUE = [\n    { speakerT: '\u8001\u95c6', speakerS: '\u8001\u677f',\n      tokens: [W('\u4f60\u597d','\u4f60\u597d','N\u01d0h\u01ceo'), '\uff0c', W('\u4f60','\u4f60','n\u01d0'), W('\u8981','\u8981','y\u00e0o'), W('\u8cb7','\u4e70','m\u01cei'), W('\u4ec0\u9ebc','\u4ec0\u4e48','sh\u00e9nme'), '\uff1f'],\n      en: 'Hello! What would you like to buy?' },\n    { speakerT: '\u4f60', speakerS: '\u4f60',\n      tokens: [W('\u6211','\u6211','W\u01d2'), W('\u60f3','\u60f3','xi\u01ceng'), W('\u8cb7','\u4e70','m\u01cei'), W('\u4e00','\u4e00','y\u012b'), W('\u652f','\u652f','zh\u012b'), W('\u65b0','\u65b0','x\u012bn'), W('\u624b\u6a5f','\u624b\u673a','sh\u01d2uj\u012b'), '\uff0c', W('\u9019','\u8fd9','zh\u00e8'), W('\u652f','\u652f','zh\u012b'), W('\u591a\u5c11','\u591a\u5c11','du\u014dsh\u01ceo'), W('\u9322','\u94b1','qi\u00e1n'), '\uff1f'],\n      en: 'I want to buy a new cell phone \u2014 how much is this one?' },\n    { speakerT: '\u8001\u95c6', speakerS: '\u8001\u677f',\n      tokens: [W('\u9019','\u8fd9','Zh\u00e8'), W('\u652f','\u652f','zh\u012b'), W('\u624b\u6a5f','\u624b\u673a','sh\u01d2uj\u012b'), W('\u4e0d','\u4e0d','b\u00f9'), W('\u8cb4','\u8d35','gu\u00ec'), '\uff0c', W('\u4e00','\u4e00','y\u012b'), W('\u767e','\u767e','b\u01cei'), W('\u584a','\u5757','ku\u00e0i'), '\u3002'],\n      en: \"This cell phone isn't expensive \u2014 a hundred dollars.\" },\n    { speakerT: '\u4f60', speakerS: '\u4f60',\n      tokens: [W('\u597d\u7684','\u597d\u7684','H\u01ceode'), '\uff0c', W('\u8b1d\u8b1d','\u8c22\u8c22','xi\u00e8xie'), W('\u8001\u95c6','\u8001\u677f','l\u01ceob\u01cen'), '\uff01'],\n      en: 'Okay, thank you, boss!' }\n  ];\n\n  var ALL_WORDS = [];\n  Object.keys(GROUPS).forEach(function (k) {\n    GROUPS[k].forEach(function (w) { ALL_WORDS.push(w); });\n  });\n\n  function rubyWord(w) {\n    return '<span class=\"db4-sent-word\">' +\n      '<ruby class=\"lang-zh-TW\"><span class=\"rb\">' + w.t + '<\/span><rt>' + w.pt + '<\/rt><\/ruby>' +\n      '<ruby class=\"lang-zh-CN\"><span class=\"rb\">' + w.s + '<\/span><rt>' + w.ps + '<\/rt><\/ruby>' +\n      '<\/span>';\n  }\n\n  function renderTokens(tokens) {\n    var html = '';\n    tokens.forEach(function (tok) {\n      if (typeof tok === 'string') {\n        html += '<span class=\"db4-punct\">' + tok + '<\/span>';\n      } else {\n        html += rubyWord(tok);\n      }\n    });\n    return html;\n  }\n\n  function headwordRuby(t, s, pt, ps) {\n    return '<ruby class=\"lang-zh-TW\"><span class=\"rb\">' + t + '<\/span><rt>' + pt + '<\/rt><\/ruby>' +\n           '<ruby class=\"lang-zh-CN\"><span class=\"rb\">' + s + '<\/span><rt>' + ps + '<\/rt><\/ruby>';\n  }\n\n  var counter = 0;\n  Object.keys(GROUPS).forEach(function (containerId) {\n    var container = root.querySelector('#' + containerId);\n    if (!container) return;\n    var html = '';\n    GROUPS[containerId].forEach(function (w) {\n      counter++;\n      var num = (counter < 10 ? '0' : '') + counter;\n      html += '<div class=\"db4-word-card\">' +\n        '<div class=\"db4-word-top\">' +\n          '<span class=\"db4-num\">' + num + '<\/span>' +\n          '<span class=\"db4-hanzi\">' + headwordRuby(w.t, w.s, w.pt || w.p, w.ps || w.p) + '<\/span>' +\n          '<span class=\"db4-meaning\">' + w.meaning + '<\/span>' +\n          '<button class=\"db4-speaker\" data-trad=\"' + w.t + '\" data-simp=\"' + w.s + '\" aria-label=\"Play pronunciation\">' + SPEAKER_SVG + '<\/button>' +\n        '<\/div>' +\n        '<div class=\"db4-example\">' +\n          renderTokens(w.ex) +\n          '<span class=\"db4-en\">' + w.exEn + '<\/span>' +\n        '<\/div>' +\n      '<\/div>';\n    });\n    container.innerHTML = html;\n  });\n\n  var dialogueEl = root.querySelector('#db4-dialogue');\n  if (dialogueEl) {\n    var dHtml = '';\n    DIALOGUE.forEach(function (line) {\n      dHtml += '<div class=\"db4-line\">' +\n        '<span class=\"db4-speaker-tag\">' +\n          '<span class=\"lang-zh-TW\">' + line.speakerT + '<\/span>' +\n          '<span class=\"lang-zh-CN\">' + line.speakerS + '<\/span>' +\n        '<\/span>' +\n        '<span class=\"db4-line-body\">' +\n          renderTokens(line.tokens) +\n          '<span class=\"db4-line-en\">' + line.en + '<\/span>' +\n        '<\/span>' +\n      '<\/div>';\n    });\n    dialogueEl.innerHTML = dHtml;\n  }\n\n  \/\/ ---- Flashcards ----\n  var fcCard = root.querySelector('#db4-flashcard');\n  var fcFront = root.querySelector('#db4-fc-front');\n  var fcBack = root.querySelector('#db4-fc-back');\n  var fcProgress = root.querySelector('#db4-fc-progress');\n  var fcPrevBtn = root.querySelector('#db4-fc-prev');\n  var fcNextBtn = root.querySelector('#db4-fc-next');\n  var fcIndex = 0;\n  var fcFlipped = false;\n\n  function renderFlashcard() {\n    var w = ALL_WORDS[fcIndex];\n    if (!w || !fcFront || !fcBack) return;\n    fcFront.innerHTML = '<span class=\"db4-hanzi\">' + headwordRuby(w.t, w.s, w.pt || w.p, w.ps || w.p) + '<\/span>';\n    fcBack.innerHTML = '<span class=\"db4-meaning\">' + w.meaning + '<\/span>';\n    if (fcProgress) fcProgress.textContent = (fcIndex + 1) + ' \/ ' + ALL_WORDS.length;\n    if (fcCard) fcCard.classList.remove('db4-flipped');\n    fcFlipped = false;\n  }\n\n  if (fcCard) {\n    fcCard.addEventListener('click', function () {\n      fcFlipped = !fcFlipped;\n      fcCard.classList.toggle('db4-flipped', fcFlipped);\n    });\n  }\n  if (fcPrevBtn) fcPrevBtn.addEventListener('click', function () {\n    fcIndex = (fcIndex - 1 + ALL_WORDS.length) % ALL_WORDS.length;\n    renderFlashcard();\n  });\n  if (fcNextBtn) fcNextBtn.addEventListener('click', function () {\n    fcIndex = (fcIndex + 1) % ALL_WORDS.length;\n    renderFlashcard();\n  });\n  renderFlashcard();\n\n  \/\/ ---- Match It game ----\n  var gameColZh = root.querySelector('#db4-game-col-zh');\n  var gameColEn = root.querySelector('#db4-game-col-en');\n  var gameStatus = root.querySelector('#db4-game-status');\n  var gameWin = root.querySelector('#db4-game-win');\n  var gameNewBtn = root.querySelector('#db4-game-new');\n  var gameRound = [];\n  var gameSelectedZh = null;\n  var gameSelectedEn = null;\n  var gameMatchedCount = 0;\n  var gameBusy = false;\n\n  function shuffle(arr) {\n    var a = arr.slice();\n    for (var i = a.length - 1; i > 0; i--) {\n      var j = Math.floor(Math.random() * (i + 1));\n      var tmp = a[i]; a[i] = a[j]; a[j] = tmp;\n    }\n    return a;\n  }\n\n  function startRound() {\n    gameRound = shuffle(ALL_WORDS).slice(0, 8);\n    gameSelectedZh = null;\n    gameSelectedEn = null;\n    gameMatchedCount = 0;\n    gameBusy = false;\n    if (gameWin) gameWin.classList.remove('db4-show');\n\n    var zhOrder = shuffle(gameRound);\n    var enOrder = shuffle(gameRound);\n\n    gameColZh.innerHTML = zhOrder.map(function (w) {\n      return '<button class=\"db4-tile\" data-id=\"' + w.t + '\" data-side=\"zh\">' +\n        '<span class=\"lang-zh-TW\">' + w.t + '<\/span><span class=\"lang-zh-CN\">' + w.s + '<\/span>' +\n        '<span class=\"db4-tile-py\">' + (w.pt || w.p) + '<\/span>' +\n      '<\/button>';\n    }).join('');\n\n    gameColEn.innerHTML = enOrder.map(function (w) {\n      return '<button class=\"db4-tile\" data-id=\"' + w.t + '\" data-side=\"en\">' + w.meaning + '<\/button>';\n    }).join('');\n\n    updateGameStatus();\n  }\n\n  function updateGameStatus() {\n    if (gameStatus) gameStatus.textContent = gameMatchedCount + ' \/ ' + gameRound.length + ' matched';\n  }\n\n  function handleTileClick(tile) {\n    if (gameBusy || tile.classList.contains('db4-matched')) return;\n    var side = tile.getAttribute('data-side');\n\n    if (side === 'zh') {\n      if (gameSelectedZh) gameSelectedZh.classList.remove('db4-selected');\n      gameSelectedZh = tile;\n      tile.classList.add('db4-selected');\n    } else {\n      if (gameSelectedEn) gameSelectedEn.classList.remove('db4-selected');\n      gameSelectedEn = tile;\n      tile.classList.add('db4-selected');\n    }\n\n    if (gameSelectedZh) {\n      if (gameSelectedEn) {\n        var zhId = gameSelectedZh.getAttribute('data-id');\n        var enId = gameSelectedEn.getAttribute('data-id');\n        if (zhId === enId) {\n          gameSelectedZh.classList.remove('db4-selected');\n          gameSelectedEn.classList.remove('db4-selected');\n          gameSelectedZh.classList.add('db4-matched');\n          gameSelectedEn.classList.add('db4-matched');\n          gameMatchedCount++;\n          updateGameStatus();\n          gameSelectedZh = null;\n          gameSelectedEn = null;\n          var roundDone = (gameMatchedCount === gameRound.length);\n          if (roundDone) {\n            if (gameWin) {\n              gameWin.classList.add('db4-show');\n            }\n          }\n        } else {\n          gameBusy = true;\n          var z = gameSelectedZh, en = gameSelectedEn;\n          z.classList.add('db4-wrong');\n          en.classList.add('db4-wrong');\n          setTimeout(function () {\n            z.classList.remove('db4-selected', 'db4-wrong');\n            en.classList.remove('db4-selected', 'db4-wrong');\n            gameBusy = false;\n          }, 400);\n          gameSelectedZh = null;\n          gameSelectedEn = null;\n        }\n      }\n    }\n  }\n\n  root.addEventListener('click', function (e) {\n    var tile = e.target.closest('.db4-tile');\n    if (tile) {\n      if (root.contains(tile)) handleTileClick(tile);\n    }\n  });\n  if (gameNewBtn) gameNewBtn.addEventListener('click', startRound);\n\n  startRound();\n\n  \/\/ ---- Vocabulary Quiz ----\n  var QUIZ_DATA = [\n    { type: 'mc', prompt: '<span class=\"lang-zh-TW\">\u8cb7<\/span><span class=\"lang-zh-CN\">\u4e70<\/span> means...', options: ['to buy', 'to sell', 'money', 'cheap'], answer: 0 },\n    { type: 'type', prompt: 'Type the pinyin for <span class=\"lang-zh-TW\">\u8001\u95c6<\/span><span class=\"lang-zh-CN\">\u8001\u677f<\/span>.', accept: ['laoban'] },\n    { type: 'mc', prompt: '\u4fbf\u5b9c means...', options: ['cheap', 'expensive', 'big', 'small'], answer: 0 },\n    { type: 'type', prompt: 'Type the English word for <span class=\"lang-zh-TW\">\u8cb4<\/span><span class=\"lang-zh-CN\">\u8d35<\/span>.', accept: ['expensive'] },\n    { type: 'mc', prompt: 'Which word means \"new\"?', options: ['\u65b0', '<span class=\"lang-zh-TW\">\u820a<\/span><span class=\"lang-zh-CN\">\u65e7<\/span>', '\u5927', '\u5c0f'], answer: 0 },\n    { type: 'type', prompt: 'Type the pinyin for <span class=\"lang-zh-TW\">\u624b\u6a5f<\/span><span class=\"lang-zh-CN\">\u624b\u673a<\/span>.', accept: ['shouji'] },\n    { type: 'mc', prompt: '\u5305\u5b50 means...', options: ['steamed stuffed bun', 'coffee', 'cup (measure word)', 'dollar'], answer: 0 },\n    { type: 'type', prompt: 'Type the English word for <span class=\"lang-zh-TW\">\u71b1<\/span><span class=\"lang-zh-CN\">\u70ed<\/span>.', accept: ['hot'] },\n    { type: 'mc', prompt: '<span class=\"lang-zh-TW\">\u5916\u5e36<\/span><span class=\"lang-zh-CN\">\u5916\u5e26<\/span> means...', options: ['take out; to go', 'for here', 'O.K.; all right', 'to microwave'], answer: 0 },\n    { type: 'type', prompt: 'Type the pinyin for <span class=\"lang-zh-TW\">\u584a<\/span><span class=\"lang-zh-CN\">\u5757<\/span>.', accept: ['kuai'] },\n    { type: 'mc', prompt: 'Which word means \"can; be able to\"?', options: ['\u80fd', '\u8981', '<span class=\"lang-zh-TW\">\u5e6b<\/span><span class=\"lang-zh-CN\">\u5e2e<\/span>', '<span class=\"lang-zh-TW\">\u8ce3<\/span><span class=\"lang-zh-CN\">\u5356<\/span>'], answer: 0 },\n    { type: 'type', prompt: 'Type the English word for <span class=\"lang-zh-TW\">\u5e6b<\/span><span class=\"lang-zh-CN\">\u5e2e<\/span>.', accept: ['help', 'to help'] },\n    { type: 'mc', prompt: '<span class=\"lang-zh-TW\">\u5167\u7528<\/span><span class=\"lang-zh-CN\">\u5185\u7528<\/span> means...', options: ['for here', 'take out; to go', 'O.K.; all right', 'expensive'], answer: 0 },\n    { type: 'type', prompt: 'Type the pinyin for \u4e00\u5171.', accept: ['yigong'] },\n    { type: 'mc', prompt: '\u652f is the measure word for...', options: ['cell phones', 'bowls', 'cups', 'hundreds'], answer: 0 }\n  ];\n\n  function stripTones(s) {\n    return s.normalize('NFD').replace(\/[\\u0300-\\u036f]\/g, '').toLowerCase().replace(\/[^a-z0-9]\/g, '');\n  }\n\n  (function initQuiz() {\n    var qRoot = root.querySelector('#db4-quiz');\n    if (!qRoot) return;\n    var current = 0;\n    var score = 0;\n    var answered = false;\n\n    function render() {\n      if (current >= QUIZ_DATA.length) { renderScore(); return; }\n      var q = QUIZ_DATA[current];\n      answered = false;\n      var html = '<p class=\"db4-quiz-progress\">Question ' + (current + 1) + ' of ' + QUIZ_DATA.length + '<\/p>';\n      html += '<p class=\"db4-quiz-prompt\">' + q.prompt + '<\/p>';\n      if (q.type === 'mc') {\n        html += '<div class=\"db4-quiz-options\">';\n        for (var i = 0; i < q.options.length; i++) {\n          html += '<button type=\"button\" class=\"db4-quiz-opt\" data-i=\"' + i + '\">' + q.options[i] + '<\/button>';\n        }\n        html += '<\/div>';\n      } else {\n        html += '<div class=\"db4-quiz-input-row\">';\n        html += '<input type=\"text\" class=\"db4-quiz-input\" placeholder=\"Type your answer\">';\n        html += '<button type=\"button\" class=\"db4-quiz-submit\">Submit<\/button>';\n        html += '<\/div>';\n      }\n      html += '<p class=\"db4-quiz-feedback\"><\/p>';\n      html += '<button type=\"button\" class=\"db4-quiz-next\" style=\"display:none;\">Next<\/button>';\n      qRoot.innerHTML = html;\n\n      if (q.type === 'mc') {\n        var opts = qRoot.querySelectorAll('.db4-quiz-opt');\n        opts.forEach(function (btn) {\n          btn.addEventListener('click', function () {\n            if (answered) return;\n            answered = true;\n            var i = parseInt(this.getAttribute('data-i'), 10);\n            var correct = i === q.answer;\n            if (correct) score++;\n            opts.forEach(function (b, bi) {\n              b.setAttribute('disabled', 'disabled');\n              if (bi === q.answer) b.classList.add('correct');\n              else if (bi === i) b.classList.add('incorrect');\n            });\n            showFeedback(correct);\n          });\n        });\n      } else {\n        var input = qRoot.querySelector('.db4-quiz-input');\n        var submitBtn = qRoot.querySelector('.db4-quiz-submit');\n        function submit() {\n          if (answered) return;\n          answered = true;\n          var val = stripTones(input.value || '');\n          var correct = q.accept.indexOf(val) !== -1;\n          if (correct) score++;\n          input.setAttribute('disabled', 'disabled');\n          submitBtn.setAttribute('disabled', 'disabled');\n          showFeedback(correct, q.accept[0]);\n        }\n        submitBtn.addEventListener('click', submit);\n        input.addEventListener('keydown', function (e) { if (e.key === 'Enter') submit(); });\n      }\n\n      function showFeedback(correct, correctAnswer) {\n        var fb = qRoot.querySelector('.db4-quiz-feedback');\n        if (correct) {\n          fb.textContent = 'Correct!';\n        } else if (correctAnswer) {\n          fb.textContent = 'Not quite \u2014 the answer is \"' + correctAnswer + '\".';\n        } else {\n          fb.textContent = 'Not quite \u2014 check the highlighted answer above.';\n        }\n        fb.className = 'db4-quiz-feedback ' + (correct ? 'correct' : 'incorrect');\n        var nextBtn = qRoot.querySelector('.db4-quiz-next');\n        nextBtn.style.display = 'inline-block';\n        nextBtn.addEventListener('click', function () { current++; render(); });\n      }\n    }\n\n    function renderScore() {\n      qRoot.innerHTML =\n        '<div class=\"db4-quiz-score\">' +\n        '<span class=\"db4-quiz-score-num\">' + score + ' \/ ' + QUIZ_DATA.length + '<\/span>' +\n        '<p>Nice work! Want to try again?<\/p>' +\n        '<button type=\"button\" class=\"db4-quiz-retake\">Retake Quiz<\/button>' +\n        '<\/div>';\n      qRoot.querySelector('.db4-quiz-retake').addEventListener('click', function () {\n        current = 0; score = 0; render();\n      });\n    }\n\n    render();\n  })();\n\n  \/\/ Speaker buttons (event delegation, Web Speech API) \u2014 headword cards only\n  root.addEventListener('click', function (e) {\n    var btn = e.target.closest('.db4-speaker');\n    if (!btn || !root.contains(btn)) return;\n    if (!('speechSynthesis' in window)) return;\n    var showingSimp = false;\n    var simpEl = root.querySelector('.lang-zh-CN');\n    if (simpEl) {\n      if (simpEl.offsetParent !== null) showingSimp = true;\n    }\n    var text = showingSimp ? btn.getAttribute('data-simp') : btn.getAttribute('data-trad');\n    var utter = new SpeechSynthesisUtterance(text);\n    utter.lang = showingSimp ? 'zh-CN' : 'zh-TW';\n    window.speechSynthesis.cancel();\n    window.speechSynthesis.speak(utter);\n  });\n\n})();\n<\/script>\n<\/div>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"alignright size-medium is-resized\"><a href=\"https:\/\/ko-fi.com\/tiffanystalk\" target=\"_blank\" rel=\"noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"58\" src=\"https:\/\/tiffanysmandarin.com\/wp-content\/uploads\/2022\/06\/fcacd-buymeacoffee_red402x-300x58.png\" alt=\"\" class=\"wp-image-570\" style=\"width:150px;height:29px\" srcset=\"https:\/\/tiffanysmandarin.com\/wp-content\/uploads\/2022\/06\/fcacd-buymeacoffee_red402x-300x58.png 300w, https:\/\/tiffanysmandarin.com\/wp-content\/uploads\/2022\/06\/fcacd-buymeacoffee_red402x-600x115.png 600w, https:\/\/tiffanysmandarin.com\/wp-content\/uploads\/2022\/06\/fcacd-buymeacoffee_red402x-1024x197.png 1024w, https:\/\/tiffanysmandarin.com\/wp-content\/uploads\/2022\/06\/fcacd-buymeacoffee_red402x-768x148.png 768w, https:\/\/tiffanysmandarin.com\/wp-content\/uploads\/2022\/06\/fcacd-buymeacoffee_red402x-1536x296.png 1536w, https:\/\/tiffanysmandarin.com\/wp-content\/uploads\/2022\/06\/fcacd-buymeacoffee_red402x-2048x394.png 2048w, https:\/\/tiffanysmandarin.com\/wp-content\/uploads\/2022\/06\/fcacd-buymeacoffee_red402x-850x164.png 850w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><figcaption class=\"wp-element-caption\">Do you like it? \ud83d\ude42<\/figcaption><\/figure>\n<\/div>\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-medium is-resized\"><a href=\"https:\/\/tiffanysmandarin.com\/index.php\/contemporary-chinese-book-1\/\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"86\" src=\"https:\/\/tiffanysmandarin.com\/wp-content\/uploads\/2022\/06\/e68f92e59c963-300x86.png\" alt=\"\" class=\"wp-image-571\" style=\"width:150px;height:43px\" srcset=\"https:\/\/tiffanysmandarin.com\/wp-content\/uploads\/2022\/06\/e68f92e59c963-300x86.png 300w, https:\/\/tiffanysmandarin.com\/wp-content\/uploads\/2022\/06\/e68f92e59c963-600x171.png 600w, https:\/\/tiffanysmandarin.com\/wp-content\/uploads\/2022\/06\/e68f92e59c963.png 700w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/figure>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":10970,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_wp_convertkit_post_meta":{"form":"-1","landing_page":"0","tag":"0","restrict_content":"0"},"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[1099],"tags":[],"class_list":["post-12895","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-1099"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>B1 L4 Vocabulary and Practice - OneDotDot Chinese<\/title>\n<meta name=\"description\" content=\"Strengthen your vocabulary \u7576\u4ee3\u4e2d\u6587\u7b2c\u4e00\u518a\u7b2c\u56db\u8ab2 \u55ae\u8a5e\u7df4\u7fd2 \u8907\u7fd2 \u8003\u8a66 Contemporary Chinese Vocabulary Practice Book 1 \u2013 Lesson 4\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/tiffanysmandarin.com\/index.php\/2025\/07\/17\/contemporary-chinese-vocabulary-practice-b1l4\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"B1 L4 Vocabulary and Practice - OneDotDot Chinese\" \/>\n<meta property=\"og:description\" content=\"Strengthen your vocabulary \u7576\u4ee3\u4e2d\u6587\u7b2c\u4e00\u518a\u7b2c\u56db\u8ab2 \u55ae\u8a5e\u7df4\u7fd2 \u8907\u7fd2 \u8003\u8a66 Contemporary Chinese Vocabulary Practice Book 1 \u2013 Lesson 4\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tiffanysmandarin.com\/index.php\/2025\/07\/17\/contemporary-chinese-vocabulary-practice-b1l4\/\" \/>\n<meta property=\"og:site_name\" content=\"OneDotDot Chinese\" \/>\n<meta property=\"article:published_time\" content=\"2025-07-17T10:53:20+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-31T06:27:32+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/tiffanysmandarin.com\/wp-content\/uploads\/2024\/09\/\u7576\u4ee3\u4e2d\u6587.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"800\" \/>\n\t<meta property=\"og:image:height\" content=\"300\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"tiffany\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"tiffany\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/tiffanysmandarin.com\\\/index.php\\\/2025\\\/07\\\/17\\\/contemporary-chinese-vocabulary-practice-b1l4\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/tiffanysmandarin.com\\\/index.php\\\/2025\\\/07\\\/17\\\/contemporary-chinese-vocabulary-practice-b1l4\\\/\"},\"author\":{\"name\":\"tiffany\",\"@id\":\"https:\\\/\\\/tiffanysmandarin.com\\\/#\\\/schema\\\/person\\\/3556e1160fac98b190d03b8aa8604d99\"},\"headline\":\"B1 L4 Vocabulary and Practice\",\"datePublished\":\"2025-07-17T10:53:20+00:00\",\"dateModified\":\"2026-08-31T06:27:32+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/tiffanysmandarin.com\\\/index.php\\\/2025\\\/07\\\/17\\\/contemporary-chinese-vocabulary-practice-b1l4\\\/\"},\"wordCount\":9,\"publisher\":{\"@id\":\"https:\\\/\\\/tiffanysmandarin.com\\\/#\\\/schema\\\/person\\\/3556e1160fac98b190d03b8aa8604d99\"},\"image\":{\"@id\":\"https:\\\/\\\/tiffanysmandarin.com\\\/index.php\\\/2025\\\/07\\\/17\\\/contemporary-chinese-vocabulary-practice-b1l4\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/tiffanysmandarin.com\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/\u7576\u4ee3\u4e2d\u6587.jpg\",\"articleSection\":[\"\u7576\u4ee3\u4e2d\u6587 1\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/tiffanysmandarin.com\\\/index.php\\\/2025\\\/07\\\/17\\\/contemporary-chinese-vocabulary-practice-b1l4\\\/\",\"url\":\"https:\\\/\\\/tiffanysmandarin.com\\\/index.php\\\/2025\\\/07\\\/17\\\/contemporary-chinese-vocabulary-practice-b1l4\\\/\",\"name\":\"B1 L4 Vocabulary and Practice - OneDotDot Chinese\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/tiffanysmandarin.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/tiffanysmandarin.com\\\/index.php\\\/2025\\\/07\\\/17\\\/contemporary-chinese-vocabulary-practice-b1l4\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/tiffanysmandarin.com\\\/index.php\\\/2025\\\/07\\\/17\\\/contemporary-chinese-vocabulary-practice-b1l4\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/tiffanysmandarin.com\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/\u7576\u4ee3\u4e2d\u6587.jpg\",\"datePublished\":\"2025-07-17T10:53:20+00:00\",\"dateModified\":\"2026-08-31T06:27:32+00:00\",\"description\":\"Strengthen your vocabulary \u7576\u4ee3\u4e2d\u6587\u7b2c\u4e00\u518a\u7b2c\u56db\u8ab2 \u55ae\u8a5e\u7df4\u7fd2 \u8907\u7fd2 \u8003\u8a66 Contemporary Chinese Vocabulary Practice Book 1 \u2013 Lesson 4\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/tiffanysmandarin.com\\\/index.php\\\/2025\\\/07\\\/17\\\/contemporary-chinese-vocabulary-practice-b1l4\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/tiffanysmandarin.com\\\/index.php\\\/2025\\\/07\\\/17\\\/contemporary-chinese-vocabulary-practice-b1l4\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/tiffanysmandarin.com\\\/index.php\\\/2025\\\/07\\\/17\\\/contemporary-chinese-vocabulary-practice-b1l4\\\/#primaryimage\",\"url\":\"https:\\\/\\\/tiffanysmandarin.com\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/\u7576\u4ee3\u4e2d\u6587.jpg\",\"contentUrl\":\"https:\\\/\\\/tiffanysmandarin.com\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/\u7576\u4ee3\u4e2d\u6587.jpg\",\"width\":800,\"height\":300,\"caption\":\"\u7576\u4ee3\u4e2d\u65871\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/tiffanysmandarin.com\\\/index.php\\\/2025\\\/07\\\/17\\\/contemporary-chinese-vocabulary-practice-b1l4\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u9996\u9801\",\"item\":\"https:\\\/\\\/tiffanysmandarin.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"B1 L4 Vocabulary and Practice\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/tiffanysmandarin.com\\\/#website\",\"url\":\"https:\\\/\\\/tiffanysmandarin.com\\\/\",\"name\":\"OneDotDot Chinese\",\"description\":\"Learn a little Chinese every day\",\"publisher\":{\"@id\":\"https:\\\/\\\/tiffanysmandarin.com\\\/#\\\/schema\\\/person\\\/3556e1160fac98b190d03b8aa8604d99\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/tiffanysmandarin.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/tiffanysmandarin.com\\\/#\\\/schema\\\/person\\\/3556e1160fac98b190d03b8aa8604d99\",\"name\":\"tiffany\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"http:\\\/\\\/tiffanysmandarin.com\\\/wp-content\\\/uploads\\\/2022\\\/06\\\/cropped-logo_tiffany2-1.png\",\"url\":\"http:\\\/\\\/tiffanysmandarin.com\\\/wp-content\\\/uploads\\\/2022\\\/06\\\/cropped-logo_tiffany2-1.png\",\"contentUrl\":\"http:\\\/\\\/tiffanysmandarin.com\\\/wp-content\\\/uploads\\\/2022\\\/06\\\/cropped-logo_tiffany2-1.png\",\"width\":214,\"height\":214,\"caption\":\"tiffany\"},\"logo\":{\"@id\":\"http:\\\/\\\/tiffanysmandarin.com\\\/wp-content\\\/uploads\\\/2022\\\/06\\\/cropped-logo_tiffany2-1.png\"},\"sameAs\":[\"https:\\\/\\\/www.instagram.com\\\/tiffanys_talk\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/tiffany-huang-mandarin\\\/\"],\"url\":\"https:\\\/\\\/tiffanysmandarin.com\\\/index.php\\\/author\\\/tiffany\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"B1 L4 Vocabulary and Practice - OneDotDot Chinese","description":"Strengthen your vocabulary \u7576\u4ee3\u4e2d\u6587\u7b2c\u4e00\u518a\u7b2c\u56db\u8ab2 \u55ae\u8a5e\u7df4\u7fd2 \u8907\u7fd2 \u8003\u8a66 Contemporary Chinese Vocabulary Practice Book 1 \u2013 Lesson 4","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/tiffanysmandarin.com\/index.php\/2025\/07\/17\/contemporary-chinese-vocabulary-practice-b1l4\/","og_locale":"en_US","og_type":"article","og_title":"B1 L4 Vocabulary and Practice - OneDotDot Chinese","og_description":"Strengthen your vocabulary \u7576\u4ee3\u4e2d\u6587\u7b2c\u4e00\u518a\u7b2c\u56db\u8ab2 \u55ae\u8a5e\u7df4\u7fd2 \u8907\u7fd2 \u8003\u8a66 Contemporary Chinese Vocabulary Practice Book 1 \u2013 Lesson 4","og_url":"https:\/\/tiffanysmandarin.com\/index.php\/2025\/07\/17\/contemporary-chinese-vocabulary-practice-b1l4\/","og_site_name":"OneDotDot Chinese","article_published_time":"2025-07-17T10:53:20+00:00","article_modified_time":"2026-08-31T06:27:32+00:00","og_image":[{"width":800,"height":300,"url":"https:\/\/tiffanysmandarin.com\/wp-content\/uploads\/2024\/09\/\u7576\u4ee3\u4e2d\u6587.jpg","type":"image\/jpeg"}],"author":"tiffany","twitter_card":"summary_large_image","twitter_misc":{"Written by":"tiffany","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/tiffanysmandarin.com\/index.php\/2025\/07\/17\/contemporary-chinese-vocabulary-practice-b1l4\/#article","isPartOf":{"@id":"https:\/\/tiffanysmandarin.com\/index.php\/2025\/07\/17\/contemporary-chinese-vocabulary-practice-b1l4\/"},"author":{"name":"tiffany","@id":"https:\/\/tiffanysmandarin.com\/#\/schema\/person\/3556e1160fac98b190d03b8aa8604d99"},"headline":"B1 L4 Vocabulary and Practice","datePublished":"2025-07-17T10:53:20+00:00","dateModified":"2026-08-31T06:27:32+00:00","mainEntityOfPage":{"@id":"https:\/\/tiffanysmandarin.com\/index.php\/2025\/07\/17\/contemporary-chinese-vocabulary-practice-b1l4\/"},"wordCount":9,"publisher":{"@id":"https:\/\/tiffanysmandarin.com\/#\/schema\/person\/3556e1160fac98b190d03b8aa8604d99"},"image":{"@id":"https:\/\/tiffanysmandarin.com\/index.php\/2025\/07\/17\/contemporary-chinese-vocabulary-practice-b1l4\/#primaryimage"},"thumbnailUrl":"https:\/\/tiffanysmandarin.com\/wp-content\/uploads\/2024\/09\/\u7576\u4ee3\u4e2d\u6587.jpg","articleSection":["\u7576\u4ee3\u4e2d\u6587 1"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/tiffanysmandarin.com\/index.php\/2025\/07\/17\/contemporary-chinese-vocabulary-practice-b1l4\/","url":"https:\/\/tiffanysmandarin.com\/index.php\/2025\/07\/17\/contemporary-chinese-vocabulary-practice-b1l4\/","name":"B1 L4 Vocabulary and Practice - OneDotDot Chinese","isPartOf":{"@id":"https:\/\/tiffanysmandarin.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/tiffanysmandarin.com\/index.php\/2025\/07\/17\/contemporary-chinese-vocabulary-practice-b1l4\/#primaryimage"},"image":{"@id":"https:\/\/tiffanysmandarin.com\/index.php\/2025\/07\/17\/contemporary-chinese-vocabulary-practice-b1l4\/#primaryimage"},"thumbnailUrl":"https:\/\/tiffanysmandarin.com\/wp-content\/uploads\/2024\/09\/\u7576\u4ee3\u4e2d\u6587.jpg","datePublished":"2025-07-17T10:53:20+00:00","dateModified":"2026-08-31T06:27:32+00:00","description":"Strengthen your vocabulary \u7576\u4ee3\u4e2d\u6587\u7b2c\u4e00\u518a\u7b2c\u56db\u8ab2 \u55ae\u8a5e\u7df4\u7fd2 \u8907\u7fd2 \u8003\u8a66 Contemporary Chinese Vocabulary Practice Book 1 \u2013 Lesson 4","breadcrumb":{"@id":"https:\/\/tiffanysmandarin.com\/index.php\/2025\/07\/17\/contemporary-chinese-vocabulary-practice-b1l4\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tiffanysmandarin.com\/index.php\/2025\/07\/17\/contemporary-chinese-vocabulary-practice-b1l4\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tiffanysmandarin.com\/index.php\/2025\/07\/17\/contemporary-chinese-vocabulary-practice-b1l4\/#primaryimage","url":"https:\/\/tiffanysmandarin.com\/wp-content\/uploads\/2024\/09\/\u7576\u4ee3\u4e2d\u6587.jpg","contentUrl":"https:\/\/tiffanysmandarin.com\/wp-content\/uploads\/2024\/09\/\u7576\u4ee3\u4e2d\u6587.jpg","width":800,"height":300,"caption":"\u7576\u4ee3\u4e2d\u65871"},{"@type":"BreadcrumbList","@id":"https:\/\/tiffanysmandarin.com\/index.php\/2025\/07\/17\/contemporary-chinese-vocabulary-practice-b1l4\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u9996\u9801","item":"https:\/\/tiffanysmandarin.com\/"},{"@type":"ListItem","position":2,"name":"B1 L4 Vocabulary and Practice"}]},{"@type":"WebSite","@id":"https:\/\/tiffanysmandarin.com\/#website","url":"https:\/\/tiffanysmandarin.com\/","name":"OneDotDot Chinese","description":"Learn a little Chinese every day","publisher":{"@id":"https:\/\/tiffanysmandarin.com\/#\/schema\/person\/3556e1160fac98b190d03b8aa8604d99"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/tiffanysmandarin.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/tiffanysmandarin.com\/#\/schema\/person\/3556e1160fac98b190d03b8aa8604d99","name":"tiffany","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"http:\/\/tiffanysmandarin.com\/wp-content\/uploads\/2022\/06\/cropped-logo_tiffany2-1.png","url":"http:\/\/tiffanysmandarin.com\/wp-content\/uploads\/2022\/06\/cropped-logo_tiffany2-1.png","contentUrl":"http:\/\/tiffanysmandarin.com\/wp-content\/uploads\/2022\/06\/cropped-logo_tiffany2-1.png","width":214,"height":214,"caption":"tiffany"},"logo":{"@id":"http:\/\/tiffanysmandarin.com\/wp-content\/uploads\/2022\/06\/cropped-logo_tiffany2-1.png"},"sameAs":["https:\/\/www.instagram.com\/tiffanys_talk\/","https:\/\/www.linkedin.com\/in\/tiffany-huang-mandarin\/"],"url":"https:\/\/tiffanysmandarin.com\/index.php\/author\/tiffany\/"}]}},"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/tiffanysmandarin.com\/wp-content\/uploads\/2024\/09\/\u7576\u4ee3\u4e2d\u6587.jpg","_links":{"self":[{"href":"https:\/\/tiffanysmandarin.com\/index.php\/wp-json\/wp\/v2\/posts\/12895","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tiffanysmandarin.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tiffanysmandarin.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tiffanysmandarin.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/tiffanysmandarin.com\/index.php\/wp-json\/wp\/v2\/comments?post=12895"}],"version-history":[{"count":3,"href":"https:\/\/tiffanysmandarin.com\/index.php\/wp-json\/wp\/v2\/posts\/12895\/revisions"}],"predecessor-version":[{"id":16296,"href":"https:\/\/tiffanysmandarin.com\/index.php\/wp-json\/wp\/v2\/posts\/12895\/revisions\/16296"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tiffanysmandarin.com\/index.php\/wp-json\/wp\/v2\/media\/10970"}],"wp:attachment":[{"href":"https:\/\/tiffanysmandarin.com\/index.php\/wp-json\/wp\/v2\/media?parent=12895"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tiffanysmandarin.com\/index.php\/wp-json\/wp\/v2\/categories?post=12895"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tiffanysmandarin.com\/index.php\/wp-json\/wp\/v2\/tags?post=12895"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}