{"id":453,"date":"2026-04-04T23:11:51","date_gmt":"2026-04-04T15:11:51","guid":{"rendered":"https:\/\/www.corpusland.com\/?p=453"},"modified":"2026-04-14T17:14:38","modified_gmt":"2026-04-14T09:14:38","slug":"g9-c1","status":"publish","type":"post","link":"https:\/\/www.corpusland.com\/?p=453","title":{"rendered":"G8_corpus 1 \u5728\u5b66\u4e60\u65f6\u675c\u7edd\u5e72\u6270\u600e\u4e48\u8bf4\uff1f"},"content":{"rendered":"<style>.kb-image453_dd0fe1-c1.kb-image-is-ratio-size, .kb-image453_dd0fe1-c1 .kb-image-is-ratio-size{max-width:589px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image453_dd0fe1-c1.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image453_dd0fe1-c1 .kb-image-is-ratio-size{align-self:unset;}.kb-image453_dd0fe1-c1 figure{max-width:589px;}.kb-image453_dd0fe1-c1 .image-is-svg, .kb-image453_dd0fe1-c1 .image-is-svg img{width:100%;}.kb-image453_dd0fe1-c1:not(.kb-image-is-ratio-size) .kb-img, .kb-image453_dd0fe1-c1.kb-image-is-ratio-size{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.kb-image453_dd0fe1-c1 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image453_dd0fe1-c1\"><figure class=\"aligncenter size-full kb-image-is-ratio-size\"><div class=\"kb-is-ratio-image kb-image-ratio-land169\"><img loading=\"lazy\" decoding=\"async\" width=\"426\" height=\"240\" src=\"https:\/\/www.corpusland.com\/wp-content\/uploads\/2026\/04\/4\u670813\u65e5-31.gif\" alt=\"\" class=\"kb-img wp-image-1026\"\/><\/div><\/figure><\/div>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading453_9f64b0-4c, .wp-block-kadence-advancedheading.kt-adv-heading453_9f64b0-4c[data-kb-block=\"kb-adv-heading453_9f64b0-4c\"]{max-width:813px;margin-right:auto;margin-left:auto;text-align:center;font-size:var(--global-kb-font-size-lg, 2rem);line-height:1;font-style:normal;font-family:\"Arial Black\", Gadget, sans-serif;}.wp-block-kadence-advancedheading.kt-adv-heading453_9f64b0-4c mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading453_9f64b0-4c[data-kb-block=\"kb-adv-heading453_9f64b0-4c\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading453_9f64b0-4c img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading453_9f64b0-4c[data-kb-block=\"kb-adv-heading453_9f64b0-4c\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 class=\"kt-adv-heading453_9f64b0-4c wp-block-kadence-advancedheading has-theme-palette-6-color has-text-color\" data-kb-block=\"kb-adv-heading453_9f64b0-4c\">Corpus 1 \u5728\u5b66\u4e60\u65f6\u675c\u7edd\u5e72\u6270\u600e\u4e48\u8bf4\uff1f<\/h2>\n\n\n\n<div class=\"wp-block-group\" style=\"padding-top:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20)\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\"><style>.wp-block-kadence-advancedheading.kt-adv-heading453_3bfd31-95, .wp-block-kadence-advancedheading.kt-adv-heading453_3bfd31-95[data-kb-block=\"kb-adv-heading453_3bfd31-95\"]{text-align:left;font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading453_3bfd31-95 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading453_3bfd31-95[data-kb-block=\"kb-adv-heading453_3bfd31-95\"] mark.kt-highlight{font-style:normal;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading453_3bfd31-95 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading453_3bfd31-95[data-kb-block=\"kb-adv-heading453_3bfd31-95\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h3 class=\"kt-adv-heading453_3bfd31-95 wp-block-kadence-advancedheading has-theme-palette-3-color has-text-color\" data-kb-block=\"kb-adv-heading453_3bfd31-95\">\u4e00\u3001&nbsp;\u8bed\u6599\u9884\u70ed\u7ad9 &#8211; \u89c6\u9891\u5bfc\u8bfb\u66f4\u8f7b\u677e<\/h3>\n\n\n\n<p class=\"has-text-align-left has-text-color has-link-color wp-elements-97ce6da802bdd5ffdfdd15d707525394\" style=\"color:#4c3b67;margin-top:var(--wp--preset--spacing--20);margin-right:0;margin-bottom:var(--wp--preset--spacing--20);margin-left:0;padding-top:var(--wp--preset--spacing--20);font-size:16px;line-height:1.5;text-decoration:none\"><strong>\uff5c<\/strong>\ud83d\udcd6 \u8bed\u5883\uff1a\u4e2d\u6587\u626b\u8bfb\u627e\u8bed\u611f\uff0c\u82f1\u6587\u5bf9\u7167\u626b\u76f2\u533a<\/p>\n\n\n<style>.kb-row-layout-id453_10ad82-d9 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id453_10ad82-d9 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id453_10ad82-d9 > .kt-row-column-wrap{column-gap:30px;row-gap:0px;max-width:1015px;margin-left:auto;margin-right:auto;padding-top:0px;padding-bottom:0px;grid-template-columns:minmax(0, calc(60% - ((30px * 1 )\/2)))minmax(0, calc(40% - ((30px * 1 )\/2)));}.kb-row-layout-id453_10ad82-d9{box-shadow:0px 0px 10px -5px rgba(0, 0, 0, 0.2);border-top:1px solid var(--global-palette8, #F7FAFC);border-right:0px solid var(--global-palette9, #ffffff);border-left:0px solid var(--global-palette5, #4A5568);}.kb-row-layout-id453_10ad82-d9 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id453_10ad82-d9 > .kt-row-column-wrap{grid-template-columns:minmax(0, 2fr) minmax(0, 1fr);}}@media all and (max-width: 1024px){.kb-row-layout-id453_10ad82-d9{border-top:1px solid var(--global-palette8, #F7FAFC);border-right:0px solid var(--global-palette9, #ffffff);border-left:0px solid var(--global-palette5, #4A5568);}}@media all and (max-width: 767px){.kb-row-layout-id453_10ad82-d9 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id453_10ad82-d9{border-top:1px solid var(--global-palette8, #F7FAFC);border-right:0px solid var(--global-palette9, #ffffff);border-left:0px solid var(--global-palette5, #4A5568);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id453_10ad82-d9 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-row-layout-left-golden kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column453_2313ee-5e > .kt-inside-inner-col,.kadence-column453_2313ee-5e > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column453_2313ee-5e > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column453_2313ee-5e > .kt-inside-inner-col{flex-direction:column;}.kadence-column453_2313ee-5e > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column453_2313ee-5e > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column453_2313ee-5e{position:relative;}@media all and (max-width: 1024px){.kadence-column453_2313ee-5e > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column453_2313ee-5e > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column453_2313ee-5e\"><div class=\"kt-inside-inner-col\">\n<div class=\"highlight-text\">\n    Hey everyone, are you feeling <span class=\"bg-yellow\">stressed<\/span> with school? Let&#8217;s look at a more <span class=\"bg-blue\">effective<\/span> learning <span class=\"bg-yellow\">method<\/span>. First, let&#8217;s talk about organized <span class=\"bg-purple\">note-taking<\/span>. It&#8217;s a powerful strategy that helps you <span class=\"bg-blue\">capture<\/span> key ideas accurately, making them easier to <span class=\"bg-yellow\">review<\/span> and remember. To learn how to <span class=\"bg-blue\">memorize<\/span> new <span class=\"bg-purple\">vocabulary<\/span> deeply, the best approach is to use words in real sentences. Most importantly, <span class=\"bg-green\">if<\/span> you review your notes carefully every day, you will definitely <span class=\"bg-yellow\">improve<\/span> your grades. You must <span class=\"bg-yellow\">focus on<\/span> your work because avoiding every <span class=\"bg-purple\">distraction<\/span> is a <span class=\"bg-blue\">key condition<\/span> for success. Believe it or not, better study habits will surely lead to much better academic <span class=\"bg-green\">result<\/span>.\n<\/div>\n\n<style>\n    .highlight-text {\n        font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n        line-height: 1.6;\n        font-size: 0.9rem;\n        font-weight: 500;\n        color: #2c3e50;\npadding: 0 10px\n    }\n    \/* \u57fa\u7840\u8bcd\uff1a\u7eff\u8272 *\/\n    .bg-green { background-color: #E8F5E9; color: #2E7D32; padding: 2px 5px; border-radius: 4px; text-decoration: underline; }\n    \/* \u62d3\u5c55\u8bcd\uff1a\u7d2b\u8272 *\/\n    .bg-purple { background-color: #EDE7F6; color: #512DA8; padding: 2px 5px; border-radius: 4px; text-decoration: underline; }\n    \/* \u9ad8\u9891\u8bcd\uff1a\u9ec4\u8272 *\/\n    .bg-yellow { background-color: #FFF9C4; color: #F57F17; padding: 2px 5px; border-radius: 4px; text-decoration: underline; }\n    \/* \u4e2d\u9891\u8bcd\uff1a\u84dd\u8272 *\/\n    .bg-blue { background-color: #E3F2FD; color: #1565C0; padding: 2px 5px; border-radius: 4px; text-decoration: underline; }\n<\/style>\n<\/div><\/div>\n\n\n<style>.kadence-column453_5f3ad7-85 > .kt-inside-inner-col{border-left:0px solid var(--global-palette9, #ffffff);}.kadence-column453_5f3ad7-85 > .kt-inside-inner-col,.kadence-column453_5f3ad7-85 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column453_5f3ad7-85 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column453_5f3ad7-85 > .kt-inside-inner-col{flex-direction:column;}.kadence-column453_5f3ad7-85 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column453_5f3ad7-85 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column453_5f3ad7-85{position:relative;}@media all and (max-width: 1024px){.kadence-column453_5f3ad7-85 > .kt-inside-inner-col{border-left:0px solid var(--global-palette9, #ffffff);flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column453_5f3ad7-85 > .kt-inside-inner-col{border-left:0px solid var(--global-palette9, #ffffff);flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column453_5f3ad7-85\"><div class=\"kt-inside-inner-col\">\n<div class=\"highlight-text\">\n    \u563f\uff0c\u5404\u4f4d\uff01\u4f60\u4eec\u5728\u5b66\u6821\u611f\u5230<span class=\"cn-yellow\">\u538b\u529b\u5927<\/span>\u5417\uff1f\u54b1\u4eec\u6765\u770b\u4e00\u4e2a\u66f4<span class=\"cn-blue\">\u9ad8\u6548<\/span>\u7684\u5b66\u4e60<span class=\"cn-yellow\">\u65b9\u6cd5<\/span>\u3002\u9996\u5148\uff0c\u54b1\u4eec\u804a\u804a\u600e\u4e48<span class=\"cn-purple\">\u6709\u6761\u7406\u5730\u505a\u7b14\u8bb0<\/span>\u3002\u8fd9\u662f\u4e00\u4e2a\u975e\u5e38\u7ba1\u7528\u7684\u7b56\u7565\uff0c\u80fd\u5e2e\u4f60\u51c6\u786e<span class=\"cn-blue\">\u6293\u4f4f\u91cd\u70b9<\/span>\uff0c<span class=\"cn-yellow\">\u590d\u4e60<\/span>\u548c\u8bb0\u5fc6\u8d77\u6765\u4e5f\u66f4\u5bb9\u6613\u3002\u81f3\u4e8e\u5982\u4f55\u6df1\u523b\u5730<span class=\"cn-blue\">\u8bb0\u4f4f<\/span>\u65b0<span class=\"cn-purple\">\u5355\u8bcd<\/span>\uff0c\u6700\u597d\u7684\u529e\u6cd5\u5c31\u662f\u628a\u5355\u8bcd\u653e\u5230\u771f\u5b9e\u7684\u53e5\u5b50\u91cc\u53bb\u7528\u3002\u6700\u91cd\u8981\u7684\u662f\uff0c<span class=\"cn-green\">\u5982\u679c<\/span>\u4f60\u6bcf\u5929\u8ba4\u771f\u590d\u4e60\u7b14\u8bb0\uff0c\u6210\u7ee9\u80af\u5b9a\u80fd<span class=\"cn-yellow\">\u63d0\u9ad8<\/span>\u3002\u4f60\u5fc5\u987b<span class=\"cn-yellow\">\u4e13\u5fc3\u505a\u529f\u8bfe<\/span>\uff0c\u56e0\u4e3a\u675c\u7edd\u4e00\u5207<span class=\"cn-purple\">\u5e72\u6270<\/span>\u662f\u6210\u529f\u7684<span class=\"cn-blue\">\u5173\u952e<\/span>\u3002\u4fe1\u4e0d\u4fe1\u7531\u4f60\uff0c\u597d\u7684\u5b66\u4e60\u4e60\u60ef\u7edd\u5bf9\u80fd\u7ed9\u4f60\u5e26\u6765\u66f4\u597d\u7684\u5b66\u4e1a<span class=\"cn-green\">\u6210\u7ee9<\/span>\uff01\n<\/div>\n\n<style>\n    .highlight-text {\n        font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n        line-height: 1.6;\n        font-size: 0.9rem;\n        font-weight: 500;\n        color: #2c3e50;\npadding: 0 10px\n    }\n    \/* \u57fa\u7840\u8bcd\uff1a\u7eff\u8272 *\/\n    .cn-green { color: #2E7D32; padding: 2px 5px; border-radius: 4px; text-decoration: underline; }\n    \/* \u62d3\u5c55\u8bcd\uff1a\u7d2b\u8272 *\/\n    .cn-purple { color: #512DA8; padding: 2px 5px; border-radius: 4px; text-decoration: underline; }\n    \/* \u9ad8\u9891\u8bcd\uff1a\u9ec4\u8272 *\/\n    .cn-yellow { color: #F57F17; padding: 2px 5px; border-radius: 4px; text-decoration: underline; }\n    \/* \u4e2d\u9891\u8bcd\uff1a\u84dd\u8272 *\/\n    .cn-blue { color: #1565C0; padding: 2px 5px; border-radius: 4px; text-decoration: underline; }\n<\/style>\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n<p class=\"has-text-align-left has-text-color has-link-color wp-elements-ab6367842e7c3f1666be23c52f020934\" style=\"color:#0b0b0b;margin-top:var(--wp--preset--spacing--30);margin-right:0;margin-bottom:var(--wp--preset--spacing--30);margin-left:0;padding-top:var(--wp--preset--spacing--30);padding-bottom:0;font-size:16px;line-height:1.5\">                                       <strong>\uff5c<\/strong>\ud83d\udcfd\ufe0f \u89c6\u9891:\u6309\u9700\u5207\u6362\u5b57\u5e55\uff0c\u65e0\u5b57\u5e55\u6311\u6218\u6293\u53d6\u91cd\u70b9\u8bcd<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"1080\" style=\"aspect-ratio: 1920 \/ 1080;\" width=\"1920\" controls preload=\"auto\" src=\"https:\/\/www.corpusland.com\/wp-content\/uploads\/2026\/04\/copy_89661E33-6EFC-49FB-A7AF-5B38C7CB38C7.mov\" playsinline><track src=\"https:\/\/www.corpusland.com\/wp-content\/uploads\/2026\/04\/dual.vtt\" label=\"dual\" srclang=\"en\" kind=\"subtitles\"\/><track src=\"https:\/\/www.corpusland.com\/wp-content\/uploads\/2026\/04\/en.vtt\" label=\"en\" srclang=\"en\" kind=\"subtitles\"\/><\/video><\/figure>\n\n\n\n<p class=\"has-text-color has-link-color wp-elements-a2da36461bac392d8b7f83341e265400\" style=\"color:#0b0b0b;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;padding-top:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);font-size:16px\"><strong>\uff5c<\/strong>\ud83c\udf99\ufe0f\u97f3\u9891\uff1a\u89c6\u9891\u52a0\u8f7d\u8fc7\u6162\u53ef\u4ee5\u70b9\u51fb\u97f3\u9891\u6536\u542c\uff0c\u652f\u6301\u8c03\u901f<\/p>\n\n\n\n<figure style=\"padding-top:0;padding-bottom:0;padding-left:0\" class=\"wp-block-audio\"><audio controls src=\"https:\/\/www.corpusland.com\/wp-content\/uploads\/2026\/04\/4\u67082\u65e5-3.mp3\"><\/audio><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\"><style>.wp-block-kadence-advancedheading.kt-adv-heading453_f77be5-98, .wp-block-kadence-advancedheading.kt-adv-heading453_f77be5-98[data-kb-block=\"kb-adv-heading453_f77be5-98\"]{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;text-align:left;font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading453_f77be5-98 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading453_f77be5-98[data-kb-block=\"kb-adv-heading453_f77be5-98\"] mark.kt-highlight{font-style:normal;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading453_f77be5-98 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading453_f77be5-98[data-kb-block=\"kb-adv-heading453_f77be5-98\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h3 class=\"kt-adv-heading453_f77be5-98 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading453_f77be5-98\">\u4e8c\u3001&nbsp;\u8bcd\u5361\u7cbe\u6790\u7ad9\u2014\u4e2d\u8003\u8003\u70b9\u5168\u653b\u7834<\/h3>\n\n\n\n<p class=\"has-text-align-left has-text-color has-link-color wp-elements-161a0b1af0d31faa2227f37e48b48961\" style=\"color:#4c3b67;margin-top:var(--wp--preset--spacing--20);margin-right:0;margin-bottom:var(--wp--preset--spacing--20);margin-left:0;padding-top:var(--wp--preset--spacing--20);font-size:16px;line-height:1.5;text-decoration:none\"><strong>\uff5c<\/strong>\ud83d\udcd2 \u70b9\u51fb\u5587\u53ed\u542c\u53d1\u97f3\uff0c\u5c55\u5f00\u770b\u62d3\u5c55\uff0c\u8bb0\u8bcd\u6e90\u66f4\u6df1\u523b<\/p>\n<\/div><\/div>\n\n\n\n<!-- \u6a21\u5757\u4e8c\uff1a\u8bcd\u5361\u7cbe\u6790\u7ad9 - \u7cbe\u81f4\u7d27\u51d1\u7248\uff08\u5355\u8bcd\u4e0b\u65b9\u97f3\u8282\u7ec3\u4e60\u533a + \u82f1\u6587\u4f8b\u53e5\u6298\u53e0\uff09 -->\n<div id=\"soft-flashcard\" style=\"margin: 2rem 0;\"><\/div>\n\n<style>\n    \/* \u67d4\u548c\u8272\u7cfb\u53d8\u91cf *\/\n    .flashcard-soft {\n        --green-soft: #6B8E6B;\n        --purple-soft: #9B7B9C;\n        --yellow-soft: #FFE484;\n        --blue-soft: #6B9EBF;\n        --card-bg: #ffffff;\n        --shadow-sm: 0 4px 12px rgba(0,0,0,0.03);\n        --shadow-hover: 0 8px 20px rgba(0,0,0,0.06);\n        --radius-card: 20px;\n        background: var(--card-bg);\n        border-radius: var(--radius-card);\n        box-shadow: var(--shadow-sm);\n        transition: all 0.2s ease;\n        overflow: hidden;\n        position: relative;\n    }\n    .flashcard-soft:hover {\n        box-shadow: var(--shadow-hover);\n        transform: translateY(-1px);\n    }\n    .flashcard-soft::before {\n        content: '';\n        position: absolute;\n        left: 0;\n        top: 0;\n        bottom: 0;\n        width: 5px;\n        background: var(--theme-color);\n        transition: background 0.2s;\n    }\n    .card-inner-soft {\n        padding: 18px 20px;\n    }\n    \/* \u5355\u8bcd\u5934\u90e8 *\/\n    .word-header {\n        display: flex;\n        flex-wrap: wrap;\n        align-items: baseline;\n        gap: 8px;\n        margin-bottom: 12px;\n        padding-bottom: 10px;\n        border-bottom: 1px solid #eef2f0;\n    }\n    .word-text {\n        font-size: 1.8rem;\n        font-weight: 700;\n        color: #2c3e2f;\n        letter-spacing: -0.3px;\n    }\n    .word-pron {\n        font-family: monospace;\n        font-size: 1rem;\n        color: #5b6e55;\n        background: #f4f7f2;\n        padding: 2px 10px;\n        border-radius: 30px;\n    }\n    .word-mean {\n        font-size: 1.2rem;\n        font-weight: 500;\n        color: #2d3e2a;\n        background: #fafbf8;\n        padding: 2px 12px;\n        border-radius: 30px;\n        margin-left: auto;\n    }\n    \/* \u97f3\u8282\u7ec3\u4e60\u533a\u57df *\/\n    .syllable-practice {\n        margin: 12px 0 16px;\n        padding: 12px 14px;\n        background: #f9fbf7;\n        border-radius: 18px;\n        border: 1px solid #eaf0e5;\n    }\n    .syllable-header {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        margin-bottom: 8px;\n        flex-wrap: wrap;\n        gap: 8px;\n    }\n    .syllable-title {\n        font-size: 0.85rem;\n        font-weight: 550;\n        color: #6b8266;\n        letter-spacing: 0.3px;\n    }\n    .syllable-full-audio {\n        cursor: pointer;\n        font-size: 18px;\n        background: #edf2ec;\n        width: 30px;\n        height: 30px;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        border-radius: 50%;\n        color: #6B8E6B;\n        transition: all 0.2s;\n    }\n    .syllable-full-audio:hover {\n        background: var(--theme-color);\n        color: white;\n        transform: scale(1.03);\n    }\n    .syllable-buttons {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 8px;\n        margin-top: 6px;\n    }\n    .syllable-btn {\n        background: #edf2ec;\n        border: none;\n        padding: 4px 14px;\n        border-radius: 30px;\n        font-size: 0.9rem;\n        font-weight: 500;\n        color: #2c3e2f;\n        cursor: pointer;\n        transition: all 0.2s;\n        box-shadow: 0 1px 2px rgba(0,0,0,0.03);\n    }\n    .syllable-btn:hover {\n        background: var(--theme-color);\n        color: white;\n        transform: translateY(-1px);\n    }\n    \/* \u9ad8\u4eae\u52a8\u753b *\/\n    @keyframes syllableHighlight {\n        0% { background-color: rgba(107, 142, 107, 0); transform: scale(1); }\n        30% { background-color: var(--theme-color); color: white; transform: scale(1.05); box-shadow: 0 2px 6px rgba(0,0,0,0.1); }\n        100% { background-color: rgba(107, 142, 107, 0); transform: scale(1); }\n    }\n    .syllable-highlight {\n        animation: syllableHighlight 0.8s ease-in-out;\n    }\n\n    \/* \u4f8b\u53e5\u533a\u57df\uff08\u4e2d\u6587\u59cb\u7ec8\u663e\u793a\uff0c\u82f1\u6587\u6298\u53e0\uff09 *\/\n    .example-section {\n        margin-bottom: 12px;\n        border-radius: 16px;\n        background: #fefefe;\n        border: 1px solid #ecf3e8;\n    }\n    .example-cn {\n        padding: 10px 14px;\n        font-weight: 600;\n        color: #2f3e2c;\n        font-size: 0.9rem;\n        background: #fbfdf9;\n        border-radius: 16px;\n        border-left: 3px solid var(--theme-color);\n    }\n    \/* \u82f1\u6587\u4f8b\u53e5\u884c\uff1a\u6309\u94ae\u548c\u82f1\u6587\u4f8b\u53e5\u5728\u540c\u4e00\u884c *\/\n    .example-en-row {\n        display: flex;\nfont-weight: 600;\n        align-items: center;\n        flex-wrap: wrap;\n        gap: 8px;\n        padding: 8px 14px 12px 14px;\n    }\n    .example-en-toggle {\n        cursor: pointer;\n        font-size: 0.85rem;\n        color: #4A634A;\n        background: transparent;\n        padding: 4px 0;\n        display: inline-flex;\n        align-items: center;\n        gap: 4px;\n        border-bottom: 1px dashed #B5C4A8;\n        user-select: none;\n        transition: all 0.2s;\n        white-space: nowrap;\n    }\n    .example-en-toggle:hover {\n        color: #6B8E6B;\n        border-bottom-color: #6B8E6B;\n    }\n    .example-en {\n        display: none;\n        color: #5c6e55;\n        font-style: italic;\n        text-decoration: underline;\n        text-underline-offset: 3px;\n        font-size: 0.9rem;\n        padding: 2px 0;\n    }\n    .example-en.show {\n        display: inline-block;\n    }\n\n    \/* \u5355\u8bcd\u9526\u56ca\u6298\u53e0\u533a\u57df *\/\n    .modern-details {\n        margin-bottom: 12px;\n        border-radius: 16px;\n        background: #fefefe;\n    }\n    .modern-summary {\n        cursor: pointer;\n        font-weight: 600;\n        padding: 8px 14px;\n        background: #fbfdf9;\n        border-radius: 16px;\n        list-style: none;\n        display: flex;\n        align-items: center;\n        gap: 6px;\n        border: 1px solid #ecf3e8;\n        font-size: 0.9rem;\n    }\n    .modern-summary::before {\n        content: '\u25b8';\n        font-size: 1rem;\n        transition: transform 0.2s;\n        color: var(--theme-color);\n    }\n    details[open] .modern-summary::before {\n        transform: rotate(90deg);\n    }\n    .tags-soft {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 8px;\n        padding: 6px 16px 16px 16px;\n    }\n    .tag-soft {\n        background: rgba(var(--theme-rgb), 0.05);\n        color: var(--theme-color);\n        padding: 6px 12px;\n        border-radius: 20px;\n        font-size: 0.9rem;\n        font-weight: 600;\n    }\n    .footer-soft {\n        display: flex;\n        justify-content: space-between;\n        flex-wrap: wrap;\n        gap: 8px;\n        margin-top: 12px;\n        padding-top: 12px;\n        border-top: 1px solid #eaf0e5;\n        font-size: 1.1rem;\n    }\n    .footer-item-soft {\n        background: #f9fbf7;\n        padding: 4px 12px;\n        border-radius: 30px;\n    }\n    .footer-item-soft strong {\n        font-weight: 700;\n        color: var(--theme-color);\n    }\n    .card-nav {\n        display: flex;\n        justify-content: center;\n        gap: 16px;\n        margin-top: 18px;\n    }\n    .nav-btn-soft {\n        border: none;\n        background: #f0f4ec;\n        padding: 6px 20px;\n        border-radius: 40px;\n        font-weight: 500;\n        font-size: 1rem;\n        cursor: pointer;\n        transition: 0.2s;\n        color: #3b4a36;\n    }\n    .nav-btn-next-soft {\n        background: var(--theme-color);\n        color: white;\n        box-shadow: 0 1px 2px rgba(0,0,0,0.05);\n    }\n    .nav-btn-soft:hover:not(:disabled) {\n        transform: translateY(-1px);\n        filter: brightness(0.96);\n    }\n    .nav-btn-soft:disabled {\n        opacity: 0.4;\n        cursor: not-allowed;\n    }\n<\/style>\n\n<script>\n    (function() {\n        const themeMap = {\n            basic: { hex: '#6B8E6B', rgb: '107,142,107' },\n            expand: { hex: '#9B7B9C', rgb: '155,123,156' },\n            high: { hex: '#D4A14A', rgb: '212,161,74'},\n            mid: { hex: '#6B9EBF', rgb: '107,158,191' }\n        };\n\n        \/\/ \u5355\u8bcd\u5e93\uff08\u8bf7\u5c06\u97f3\u9891\u94fe\u63a5\u66ff\u6362\u4e3a\u771f\u5b9e\u5730\u5740\uff09\n        const wordBank = [\n  {\n    \"word\": \"method\",\n    \"type\": \"high\",\n    \"pron\": \"\/\u02c8me\u03b8\u0259d\/\",\n    \"mean\": \"\u65b9\u6cd5\",\n    \"exampleCn\": \"\u8fd9\u662f\u4e00\u4e2a\u5b66\u4e60\u82f1\u8bed\u7684\u597d\u65b9\u6cd5\u3002\",\n    \"exampleEn\": \"This is a good method to learn English.\",\n    \"tags\": [\n      \"way\",\n      \"approach\",\n      \"earning method\u5b66\u4e60\u65b9\u6cd5\"\n    ],\n    \"variation\": \"methods\",\n    \"root\": \"met-(\u8ffd\u5bfb)+-hod-(\u8def)\",\n    \"fullAudio\": \"https:\/\/www.corpusland.com\/wp-content\/uploads\/2026\/04\/method-1.mp3\",\n    \"syllables\": [\n      \"meth\",\n      \"od\"\n    ],\n    \"syllableAudios\": []\n  },\n  {\n    \"word\": \"feel stressed with\",\n    \"type\": \"high\",\n    \"pron\": \"\/fi\u02d0l strest w\u026a\u00f0\/\",\n    \"mean\": \"\u5bf9...\u611f\u5230\u538b\u529b\",\n    \"exampleCn\": \"\u4f60\u5bf9\u5b66\u6821\u7684\u529f\u8bfe\u611f\u5230\u538b\u529b\u5417\uff1f\",\n    \"exampleEn\": \"Do you feel stressed with schoolwork?\",\n    \"tags\": [\n      \"feel worried\",\n      \"feel anxious\",\n      \"under pressure\u627f\u53d7\u538b\u529b\"\n    ],\n    \"variation\": \"be stressed with\",\n    \"root\": \"feel(\u611f\u89c9)+stress(\u538b\u529b)\",\n    \"fullAudio\": \"\",\n    \"syllables\": [\n      \"feel\",\n      \"stressed\",\n      \"with\"\n    ],\n    \"syllableAudios\": []\n  },\n  {\n    \"word\": \"effective\",\n    \"type\": \"mid\",\n    \"pron\": \"\/\u026a\u02c8fekt\u026av\/\",\n    \"mean\": \"\u9ad8\u6548\u7684\",\n    \"exampleCn\": \"\u8fd9\u662f\u4e00\u4e2a\u9ad8\u6548\u7684\u5b66\u4e60\u65b9\u6cd5\u3002\",\n    \"exampleEn\": \"This is an effective learning method.\",\n    \"tags\": [\n      \"useful\u6709\u7528\u7684\",\n      \"efficient\u6709\u6548\u7387\u7684\",\n      \"successful\u6210\u529f\u7684\"\n    ],\n    \"variation\": \"more effective\",\n    \"root\": \"ef-(\u51fa)+fect(\u505a)+ive(\u5f62\u5bb9\u8bcd)\",\n    \"fullAudio\": \"https:\/\/www.corpusland.com\/wp-content\/uploads\/2026\/04\/effective.mp3\",\n    \"syllables\": [\n      \"ef\",\n      \"fec\",\n      \"tive\"\n    ],\n    \"syllableAudios\": []\n  },\n  {\n    \"word\": \"memorize\",\n    \"type\": \"mid\",\n    \"pron\": \"\/\u02c8mem\u0259ra\u026az\/\",\n    \"mean\": \"\u8bb0\u5fc6\",\n    \"exampleCn\": \"\u6211\u4eec\u9700\u8981\u8bb0\u5fc6\u8fd9\u4e9b\u5355\u8bcd\u3002\",\n    \"exampleEn\": \"We need to memorize these words.\",\n    \"tags\": [\n      \"remember\",\n      \"keep in mind\"\n    ],\n    \"variation\": \"memorized\",\n    \"root\": \"memor(\u8bb0\u5fc6)+ize(\u52a8\u8bcd\u540e\u7f00)\",\n    \"fullAudio\": \"https:\/\/www.corpusland.com\/wp-content\/uploads\/2026\/04\/memorize.mp3\",\n    \"syllables\": [\n      \"mem\",\n      \"o\",\n      \"rize\"\n    ],\n    \"syllableAudios\": []\n  },\n  {\n    \"word\": \"review\",\n    \"type\": \"high\",\n    \"pron\": \"\/r\u026a\u02c8vju\u02d0\/\",\n    \"mean\": \"\u590d\u4e60\",\n    \"exampleCn\": \"\u6bcf\u5929\u590d\u4e60\u7b14\u8bb0\u5f88\u91cd\u8981\u3002\",\n    \"exampleEn\": \"It's important to review notes every day.\",\n    \"tags\": [\n      \"go over\u4ed4\u7ec6\u68c0\u67e5\",\n      \"revise\u4fee\u8ba2 \u590d\u4e60\",\n      \"look back \u56de\u987e\"\n    ],\n    \"variation\": \"reviewed\",\n    \"root\": \"re-(\u518d\u6b21)+view(\u770b)\",\n    \"fullAudio\": \"https:\/\/www.corpusland.com\/wp-content\/uploads\/2026\/04\/review.mp3\",\n    \"syllables\": [\n      \"re\",\n      \"view\"\n    ],\n    \"syllableAudios\": []\n  },\n  {\n    \"word\": \"note-taking\",\n    \"type\": \"expand\",\n    \"pron\": \"\/\u02c8n\u0259\u028at te\u026ak\u026a\u014b\/\",\n    \"mean\": \"\u8bb0\u7b14\u8bb0\",\n    \"exampleCn\": \"\u6709\u6761\u7406\u5730\u8bb0\u7b14\u8bb0\u5f88\u6709\u5e2e\u52a9\u3002\",\n    \"exampleEn\": \"Organized note-taking is very helpful.\",\n    \"tags\": [\n      \"taking notes\",\n      \"writing down\",\n      \"summary\u603b\u7ed3\"\n    ],\n    \"variation\": \"\",\n    \"root\": \"note(\u7b14\u8bb0)+take(\u62ff)+ing\",\n    \"fullAudio\": \"https:\/\/www.corpusland.com\/wp-content\/uploads\/2026\/04\/note-taking.mp3\",\n    \"syllables\": [\n      \"note\",\n      \"ta\",\n      \"king\"\n    ],\n    \"syllableAudios\": []\n  },\n  {\n    \"word\": \"focus on\",\n    \"type\": \"high\",\n    \"pron\": \"\/\u02c8f\u0259\u028ak\u0259s \u0252n\/\",\n    \"mean\": \"\u4e13\u6ce8\u4e8e\",\n    \"exampleCn\": \"\u4f60\u5fc5\u987b\u4e13\u6ce8\u4e8e\u4f60\u7684\u4f5c\u4e1a\u3002\",\n    \"exampleEn\": \"You must focus on your homework.\",\n    \"tags\": [\n      \"concentrate on\",\n      \"pay attention to\",\n      \"give attention to\"\n    ],\n    \"variation\": \"focused on\",\n    \"root\": \"focus(\u7126\u70b9)+on\",\n    \"fullAudio\": \"https:\/\/www.corpusland.com\/wp-content\/uploads\/2026\/04\/focus.mp3\",\n    \"syllables\": [\n      \"fo\",\n      \"cus\",\n      \"on\"\n    ],\n    \"syllableAudios\": []\n  },\n  {\n    \"word\": \"distraction\",\n    \"type\": \"expand\",\n    \"pron\": \"\/d\u026a\u02c8str\u00e6k\u0283n\/\",\n    \"mean\": \"\u5e72\u6270\",\n    \"exampleCn\": \"\u624b\u673a\u53ef\u80fd\u662f\u5b66\u4e60\u4e2d\u7684\u5e72\u6270\u3002\",\n    \"exampleEn\": \"Smartphones can be a distraction in study.\",\n    \"tags\": [\n      \"interruption\",\n      \"disturbance\",\n      \"something that takes attention away\"\n    ],\n    \"variation\": \"distractions\",\n    \"root\": \"dis-(\u5206\u5f00)+tract(\u62c9)+ion(\u540d\u8bcd)\",\n    \"fullAudio\": \"https:\/\/www.corpusland.com\/wp-content\/uploads\/2026\/04\/distraction.mp3\",\n    \"syllables\": [\n      \"dis\",\n      \"trac\",\n      \"tion\"\n    ],\n    \"syllableAudios\": []\n  },\n  {\n    \"word\": \"improve\",\n    \"type\": \"high\",\n    \"pron\": \"\/\u026am\u02c8pru\u02d0v\/\",\n    \"mean\": \"\u63d0\u9ad8\",\n    \"exampleCn\": \"\u597d\u7684\u5b66\u4e60\u4e60\u60ef\u80fd\u63d0\u9ad8\u6210\u7ee9\u3002\",\n    \"exampleEn\": \"Good study habits can improve grades.\",\n    \"tags\": [\n      \"get better\",\n      \"make progress\",\n      \"develop\"\n    ],\n    \"variation\": \"improved\",\n    \"root\": \"im-(\u5411\u5185)+prove(\u8bc1\u660e)\",\n    \"fullAudio\": \"https:\/\/www.corpusland.com\/wp-content\/uploads\/2026\/04\/improve.mp3\",\n    \"syllables\": [\n      \"im\",\n      \"prove\"\n    ],\n    \"syllableAudios\": []\n  },\n  {\n    \"word\": \"if\",\n    \"type\": \"basic\",\n    \"pron\": \"\/\u026af\/\",\n    \"mean\": \"\u5982\u679c\",\n    \"exampleCn\": \"\u5982\u679c\u4f60\u52aa\u529b\uff0c\u4f60\u5c31\u4f1a\u6210\u529f\u3002\",\n    \"exampleEn\": \"If you work hard, you will succeed.\",\n    \"tags\": [\n      \"if \u5f15\u5bfc\u6761\u4ef6\u72b6\u8bed\u4ece\u53e5 \u4e3b\u5c06\u4ece\u73b0\"\n    ],\n    \"variation\": \"\",\n    \"root\": \"\",\n    \"fullAudio\": \"https:\/\/www.corpusland.com\/wp-content\/uploads\/2026\/04\/if.mp3\",\n    \"syllables\": [\n      \"if\"\n    ],\n    \"syllableAudios\": []\n  },\n  {\n    \"word\": \"key condition\",\n    \"type\": \"mid\",\n    \"pron\": \"\/ki\u02d0 k\u0259n\u02c8d\u026a\u0283n\/\",\n    \"mean\": \"\u5173\u952e\u6761\u4ef6\",\n    \"exampleCn\": \"\u4e13\u6ce8\u662f\u6210\u529f\u7684\u5173\u952e\u6761\u4ef6\u3002\",\n    \"exampleEn\": \"Concentration is a key condition for success.\",\n    \"tags\": [\n      \"important factor\",\n      \"essential element\"\n    ],\n    \"variation\": \"key conditions\",\n    \"root\": \"key(\u5173\u952e\u7684)+condition(\u6761\u4ef6)\",\n    \"fullAudio\": \"https:\/\/www.corpusland.com\/wp-content\/uploads\/2026\/04\/condition.mp3\",\n    \"syllables\": [\n      \"con\",\n      \"di\",\n      \"tion\"\n    ],\n    \"syllableAudios\": []\n  },\n  {\n    \"word\": \"result\",\n    \"type\": \"basic\",\n    \"pron\": \"\/r\u026a\u02c8z\u028clt\/\",\n    \"mean\": \"\u7ed3\u679c\",\n    \"exampleCn\": \"\u597d\u7684\u4e60\u60ef\u4f1a\u5e26\u6765\u597d\u7684\u7ed3\u679c\u3002\",\n    \"exampleEn\": \"Good habits lead to good results.\",\n    \"tags\": [\n      \"outcome\",\n      \"consequence\",\n      \"effect\"\n    ],\n    \"variation\": \"results\",\n    \"root\": \"re-(\u56de)+sult(\u8df3)\",\n    \"fullAudio\": \"https:\/\/www.corpusland.com\/wp-content\/uploads\/2026\/04\/result.mp3\",\n    \"syllables\": [\n      \"re\",\n      \"sult\"\n    ],\n    \"syllableAudios\": []\n  },\n  {\n    \"word\": \"capture\",\n    \"type\": \"mid\",\n    \"pron\": \"\/\u02c8k\u00e6pt\u0283\u0259(r)\/\",\n    \"mean\": \"\u6355\u6349\",\n    \"exampleCn\": \"\u4f60\u9700\u8981\u51c6\u786e\u6355\u6349\u5173\u952e\u60f3\u6cd5\u3002\",\n    \"exampleEn\": \"You need to capture key ideas accurately.\",\n    \"tags\": [\n      \"catch\",\n      \"record\u8bb0\u5f55\"\n    ],\n    \"variation\": \"captured\",\n    \"root\": \"capt(\u62ff)+ure(\u540d\u8bcd\/\u52a8\u8bcd)\",\n    \"fullAudio\": \"\",\n    \"syllables\": [\n      \"cap\",\n      \"ture\"\n    ],\n    \"syllableAudios\": []\n  },\n  {\n    \"word\": \"vocabulary\",\n    \"type\": \"expand\",\n    \"pron\": \"\/v\u0259\u02c8k\u00e6bj\u0259l\u0259ri\/\",\n    \"mean\": \"\u8bcd\u6c47\",\n    \"exampleCn\": \"\u6269\u5927\u4f60\u7684\u8bcd\u6c47\u91cf\u5f88\u91cd\u8981\u3002\",\n    \"exampleEn\": \"It's important to expand your vocabulary.\",\n    \"tags\": [\n      \"words\",\n      \"terms\"\n    ],\n    \"variation\": \"vocabularies\",\n    \"root\": \"vocab(\u8bcd)+ulary(\u540e\u7f00)\",\n    \"fullAudio\": \"\",\n    \"syllables\": [\n      \"vo\",\n      \"ca\",\n      \"bu\",\n      \"la\",\n      \"ry\"\n    ],\n    \"syllableAudios\": []\n  },\n  {\n    \"word\": \"\",\n    \"type\": \"\",\n    \"pron\": \"\",\n    \"mean\": \"\",\n    \"exampleCn\": \"\",\n    \"exampleEn\": \"\",\n    \"tags\": [],\n    \"variation\": \"\",\n    \"root\": \"\",\n    \"fullAudio\": \"\",\n    \"syllables\": [],\n    \"syllableAudios\": []\n  },\n  {\n    \"word\": \"\",\n    \"type\": \"\",\n    \"pron\": \"\",\n    \"mean\": \"\",\n    \"exampleCn\": \"\",\n    \"exampleEn\": \"\",\n    \"tags\": [],\n    \"variation\": \"\",\n    \"root\": \"\",\n    \"fullAudio\": \"\",\n    \"syllables\": [],\n    \"syllableAudios\": []\n  },\n  {\n    \"word\": \"\",\n    \"type\": \"\",\n    \"pron\": \"\",\n    \"mean\": \"\",\n    \"exampleCn\": \"\",\n    \"exampleEn\": \"\",\n    \"tags\": [],\n    \"variation\": \"\",\n    \"root\": \"\",\n    \"fullAudio\": \"\",\n    \"syllables\": [],\n    \"syllableAudios\": []\n  },\n  {\n    \"word\": \"\",\n    \"type\": \"\",\n    \"pron\": \"\",\n    \"mean\": \"\",\n    \"exampleCn\": \"\",\n    \"exampleEn\": \"\",\n    \"tags\": [],\n    \"variation\": \"\",\n    \"root\": \"\",\n    \"fullAudio\": \"\",\n    \"syllables\": [],\n    \"syllableAudios\": []\n  },\n  {\n    \"word\": \"\",\n    \"type\": \"\",\n    \"pron\": \"\",\n    \"mean\": \"\",\n    \"exampleCn\": \"\",\n    \"exampleEn\": \"\",\n    \"tags\": [],\n    \"variation\": \"\",\n    \"root\": \"\",\n    \"fullAudio\": \"\",\n    \"syllables\": [],\n    \"syllableAudios\": []\n  },\n  {\n    \"word\": \"\",\n    \"type\": \"\",\n    \"pron\": \"\",\n    \"mean\": \"\",\n    \"exampleCn\": \"\",\n    \"exampleEn\": \"\",\n    \"tags\": [],\n    \"variation\": \"\",\n    \"root\": \"\",\n    \"fullAudio\": \"\",\n    \"syllables\": [],\n    \"syllableAudios\": []\n  },\n  {\n    \"word\": \"\",\n    \"type\": \"\",\n    \"pron\": \"\",\n    \"mean\": \"\",\n    \"exampleCn\": \"\",\n    \"exampleEn\": \"\",\n    \"tags\": [],\n    \"variation\": \"\",\n    \"root\": \"\",\n    \"fullAudio\": \"\",\n    \"syllables\": [],\n    \"syllableAudios\": []\n  },\n  {\n    \"word\": \"\",\n    \"type\": \"\",\n    \"pron\": \"\",\n    \"mean\": \"\",\n    \"exampleCn\": \"\",\n    \"exampleEn\": \"\",\n    \"tags\": [],\n    \"variation\": \"\",\n    \"root\": \"\",\n    \"fullAudio\": \"\",\n    \"syllables\": [],\n    \"syllableAudios\": []\n  },\n  {\n    \"word\": \"\",\n    \"type\": \"\",\n    \"pron\": \"\",\n    \"mean\": \"\",\n    \"exampleCn\": \"\",\n    \"exampleEn\": \"\",\n    \"tags\": [],\n    \"variation\": \"\",\n    \"root\": \"\",\n    \"fullAudio\": \"\",\n    \"syllables\": [],\n    \"syllableAudios\": []\n  },\n  {\n    \"word\": \"\",\n    \"type\": \"\",\n    \"pron\": \"\",\n    \"mean\": \"\",\n    \"exampleCn\": \"\",\n    \"exampleEn\": \"\",\n    \"tags\": [],\n    \"variation\": \"\",\n    \"root\": \"\",\n    \"fullAudio\": \"\",\n    \"syllables\": [],\n    \"syllableAudios\": []\n  },\n  {\n    \"word\": \"\",\n    \"type\": \"\",\n    \"pron\": \"\",\n    \"mean\": \"\",\n    \"exampleCn\": \"\",\n    \"exampleEn\": \"\",\n    \"tags\": [],\n    \"variation\": \"\",\n    \"root\": \"\",\n    \"fullAudio\": \"\",\n    \"syllables\": [],\n    \"syllableAudios\": []\n  },\n  {\n    \"word\": \"\",\n    \"type\": \"\",\n    \"pron\": \"\",\n    \"mean\": \"\",\n    \"exampleCn\": \"\",\n    \"exampleEn\": \"\",\n    \"tags\": [],\n    \"variation\": \"\",\n    \"root\": \"\",\n    \"fullAudio\": \"\",\n    \"syllables\": [],\n    \"syllableAudios\": []\n  },\n  {\n    \"word\": \"\",\n    \"type\": \"\",\n    \"pron\": \"\",\n    \"mean\": \"\",\n    \"exampleCn\": \"\",\n    \"exampleEn\": \"\",\n    \"tags\": [],\n    \"variation\": \"\",\n    \"root\": \"\",\n    \"fullAudio\": \"\",\n    \"syllables\": [],\n    \"syllableAudios\": []\n  },\n  {\n    \"word\": \"\",\n    \"type\": \"\",\n    \"pron\": \"\",\n    \"mean\": \"\",\n    \"exampleCn\": \"\",\n    \"exampleEn\": \"\",\n    \"tags\": [],\n    \"variation\": \"\",\n    \"root\": \"\",\n    \"fullAudio\": \"\",\n    \"syllables\": [],\n    \"syllableAudios\": []\n  }\n]\n        let currentIdx = 0;\n        let audioPlayer = new Audio();\n        let highlightTimer = null;\n\n        function stopPlayback() {\n            if (highlightTimer) {\n                clearTimeout(highlightTimer);\n                highlightTimer = null;\n            }\n            audioPlayer.pause();\n        }\n\n        \/\/ \u64ad\u653e\u5355\u4e2a\u97f3\u8282\uff08\u4f7f\u7528\u9884\u8bbe\u94fe\u63a5\uff0c\u65e0\u5916\u90e8\u4e0a\u4f20\uff09\n        function playSyllable(audioUrl, btnElement) {\n            stopPlayback();\n            if (audioUrl) {\n                audioPlayer.src = audioUrl;\n                audioPlayer.play().catch(e => console.warn(\"\u64ad\u653e\u5931\u8d25:\", e));\n                if (btnElement) {\n                    btnElement.classList.add('syllable-highlight');\n                    setTimeout(() => btnElement.classList.remove('syllable-highlight'), 800);\n                }\n            } else {\n                alert(\"\u8be5\u97f3\u8282\u5c1a\u672a\u914d\u7f6e\u97f3\u9891\u94fe\u63a5\");\n            }\n        }\n\n        \/\/ \u64ad\u653e\u5b8c\u6574\u5355\u8bcd\u5e76\u987a\u5e8f\u9ad8\u4eae\uff08\u4f7f\u7528\u9884\u8bbe\u94fe\u63a5\uff09\n        function playFullWordWithHighlight(fullAudioUrl, syllableButtons) {\n            stopPlayback();\n            if (fullAudioUrl) {\n                audioPlayer.src = fullAudioUrl;\n                audioPlayer.play().catch(e => console.warn(\"\u64ad\u653e\u5931\u8d25:\", e));\n                syllableButtons.forEach((btn, idx) => {\n                    highlightTimer = setTimeout(() => {\n                        btn.classList.add('syllable-highlight');\n                        setTimeout(() => btn.classList.remove('syllable-highlight'), 800);\n                    }, idx * 950);\n                });\n            } else {\n                alert(\"\u8be5\u5355\u8bcd\u5c1a\u672a\u914d\u7f6e\u5b8c\u6574\u97f3\u9891\");\n            }\n        }\n\n        function renderCard(index) {\n            const data = wordBank[index];\n            const theme = themeMap[data.type];\n            const container = document.getElementById('soft-flashcard');\n            if (!container) return;\n\n            container.style.setProperty('--theme-color', theme.hex);\n            container.style.setProperty('--theme-rgb', theme.rgb);\n\n            const hasFullAudio = !!data.fullAudio;\n            const fullAudioClass = hasFullAudio ? 'syllable-full-audio active' : 'syllable-full-audio';\n            const tagsHtml = data.tags.map(tag => `<span class=\"tag-soft\">${tag}<\/span>`).join('');\n            const syllableBtnsHtml = data.syllables.map((syl, idx) => {\n                return `<button class=\"syllable-btn\" data-syl-index=\"${idx}\">${syl}<\/button>`;\n            }).join('');\n\n            container.innerHTML = `\n                <div class=\"flashcard-soft\">\n                    <div class=\"card-inner-soft\">\n                        <div class=\"word-header\">\n                            <div class=\"word-text\">${data.word}<\/div>\n                            <div class=\"word-pron\">${data.pron}<\/div>\n                            <div class=\"word-mean\">${data.mean}<\/div>\n                        <\/div>\n                        <div class=\"syllable-practice\">\n                            <div class=\"syllable-header\">\n                                <span class=\"syllable-title\">\u97f3\u8282\u7ec3\u4e60 \u00b7 \u70b9\u51fb\u8ddf\u8bfb \ud83d\udc49\ud83c\udffb<\/span>\n                                <div class=\"${fullAudioClass}\" data-fullaudio>\ud83d\udd0a<\/div>\n                            <\/div>\n                            <div class=\"syllable-buttons\">\n                                ${syllableBtnsHtml}\n                            <\/div>\n                        <\/div>\n\n                        <!-- \u4f8b\u53e5\u533a\u57df\uff1a\u4e2d\u6587\u72ec\u7acb\u4e00\u884c\uff0c\u82f1\u6587\u4e0e\u6309\u94ae\u540c\u884c -->\n                        <div class=\"example-section\">\n                            <div class=\"example-cn\">\u4f8b\u53e5\uff1a ${data.exampleCn}<\/div>\n                            <div class=\"example-en-row\">\n                                <div class=\"example-en-toggle\" data-toggle-en>\ud83c\udfad \u663e\u793a\u82f1\u6587\u4f8b\u53e5<\/div>\n                                <div class=\"example-en\" data-en-text>${data.exampleEn}<\/div>\n                            <\/div>\n                        <\/div>\n\n                        <details class=\"modern-details\">\n                            <summary class=\"modern-summary\">\ud83e\udde0 \u5355\u8bcd\u9526\u56ca \u00b7 \u8054\u60f3\u8bb0\u5fc6<\/summary>\n                            <div class=\"tags-soft\">${tagsHtml}<\/div>\n                        <\/details>\n\n                        <div class=\"footer-soft\">\n                            <div class=\"footer-item-soft\">\ud83d\udcda \u53d8\u5f62: <strong>${data.variation}<\/strong><\/div>\n                            <div class=\"footer-item-soft\">\ud83c\udf31 \u8bcd\u6839: <strong>${data.root}<\/strong><\/div>\n                        <\/div>\n\n                        <div class=\"card-nav\">\n                            <button class=\"nav-btn-soft\" data-prev ${index === 0 ? 'disabled' : ''}>\u25c0 \u4e0a\u4e00\u5f20<\/button>\n                            <button class=\"nav-btn-soft nav-btn-next-soft\" data-next ${index === wordBank.length-1 ? 'disabled' : ''}>\u4e0b\u4e00\u5f20 \u25b6<\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            `;\n\n            \/\/ \u82f1\u6587\u4f8b\u53e5\u6298\u53e0\/\u5c55\u5f00\n            const toggleBtn = container.querySelector('[data-toggle-en]');\n            const enDiv = container.querySelector('[data-en-text]');\n            if (toggleBtn && enDiv) {\n                toggleBtn.addEventListener('click', () => {\n                    enDiv.classList.toggle('show');\n                    toggleBtn.textContent = enDiv.classList.contains('show') ? '\ud83d\udd11 \u6536\u8d77\u82f1\u6587\u4f8b\u53e5' : '\ud83c\udfad \u663e\u793a\u82f1\u6587\u4f8b\u53e5';\n                });\n            }\n\n            const syllableBtns = Array.from(container.querySelectorAll('.syllable-btn'));\n            syllableBtns.forEach((btn, idx) => {\n                btn.addEventListener('click', (e) => {\n                    e.stopPropagation();\n                    const audioUrl = data.syllableAudios && data.syllableAudios[idx] ? data.syllableAudios[idx] : null;\n                    playSyllable(audioUrl, btn);\n                });\n            });\n\n            const fullAudioBtn = container.querySelector('[data-fullaudio]');\n            if (fullAudioBtn) {\n                fullAudioBtn.addEventListener('click', (e) => {\n                    e.stopPropagation();\n                    playFullWordWithHighlight(data.fullAudio, syllableBtns);\n                });\n            }\n\n            const prevBtn = container.querySelector('[data-prev]');\n            const nextBtn = container.querySelector('[data-next]');\n            if (prevBtn) prevBtn.addEventListener('click', () => changeCard(-1));\n            if (nextBtn) nextBtn.addEventListener('click', () => changeCard(1));\n        }\n\n        function changeCard(delta) {\n            stopPlayback();\n            const newIdx = currentIdx + delta;\n            if (newIdx >= 0 && newIdx < wordBank.length) {\n                currentIdx = newIdx;\n                renderCard(currentIdx);\n            }\n        }\n\n        renderCard(0);\n    })();\n<\/script>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group scroll-box\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\"><style>.wp-block-kadence-advancedheading.kt-adv-heading453_bfcb79-fa, .wp-block-kadence-advancedheading.kt-adv-heading453_bfcb79-fa[data-kb-block=\"kb-adv-heading453_bfcb79-fa\"]{text-align:left;font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading453_bfcb79-fa mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading453_bfcb79-fa[data-kb-block=\"kb-adv-heading453_bfcb79-fa\"] mark.kt-highlight{font-style:normal;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading453_bfcb79-fa img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading453_bfcb79-fa[data-kb-block=\"kb-adv-heading453_bfcb79-fa\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h3 class=\"kt-adv-heading453_bfcb79-fa wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading453_bfcb79-fa\">\u4e09\u3001&nbsp;\u8bed\u611f\u4fee\u70bc\u7ad9\u2014 \u53cd\u590d\u6a21\u4eff\u7ec3\u8bed\u611f<\/h3>\n\n\n\n<p class=\"has-text-align-left has-text-color has-link-color wp-elements-3a56c29b553f7cc2e65087d7140594a4\" style=\"color:#4c3b67;margin-top:var(--wp--preset--spacing--20);margin-right:0;margin-bottom:var(--wp--preset--spacing--20);margin-left:0;padding-top:var(--wp--preset--spacing--20);font-size:16px;line-height:1.5;text-decoration:none\"><strong>\uff5c<\/strong>\ud83d\udc44 \u539f\u6587\u8ddf\u8bfb\u7ec3\u8bed\u611f\uff0c\u5f71\u5b50\u8ddf\u8bfb\u7834\u76f2\u533a<\/p>\n\n\n\n<iframe loading=\"lazy\" \n    src=\"https:\/\/www.corpusland.com\/wp-content\/uploads\/2026\/04\/g8l1-\u53e5\u5b50\u8ddf\u8bfb.html\" \n    width=\"100%\" \n    height=\"800\" \n    frameborder=\"0\" \n    style=\"border: none; overflow: auto;\"\n    title=\"\u53e5\u5b50\u8ddf\u8bfb\u8bad\u7ec3\">\n<\/iframe>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-gosign-block-gosign-advanced-separator-block outer_sep sep-default cont-full radius_false\"><div class=\"inner-sep-container\" style=\"height:10px\"><div class=\"border-cont GAB-border\" style=\"height:1px;width:20%;background-color:#000000\"><\/div><\/div><\/div>\n\n\n\n<details class=\"wp-block-details has-medium-font-size is-layout-flow wp-block-details-is-layout-flow\"><summary>\ud83c\udfa7\u8fdb\u9636_\u5f71\u5b50\u8ddf\u8bfb\u8bad\u7ec3<\/summary>\n<iframe loading=\"lazy\" \n    src=\"https:\/\/www.corpusland.com\/wp-content\/uploads\/2026\/04\/g8l1-\u5f71\u5b50\u8ddf\u8bfb\u4ee3\u7801.html\" \n    width=\"100%\" \n    height=\"800\" \n    frameborder=\"0\" \n    style=\"border: none; overflow: auto;\"\n    title=\"\u5f71\u5b50\u8ddf\u8bfb\u8bad\u7ec3\">\n<\/iframe>\n<\/details>\n\n\n\n<div class=\"wp-block-gosign-block-gosign-advanced-separator-block outer_sep sep-default cont-full radius_false\"><div class=\"inner-sep-container\" style=\"height:10px\"><div class=\"border-cont GAB-border\" style=\"height:1px;width:20%;background-color:#000000\"><\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\"><style>.wp-block-kadence-advancedheading.kt-adv-heading453_0e0028-20, .wp-block-kadence-advancedheading.kt-adv-heading453_0e0028-20[data-kb-block=\"kb-adv-heading453_0e0028-20\"]{text-align:left;font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading453_0e0028-20 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading453_0e0028-20[data-kb-block=\"kb-adv-heading453_0e0028-20\"] mark.kt-highlight{font-style:normal;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading453_0e0028-20 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading453_0e0028-20[data-kb-block=\"kb-adv-heading453_0e0028-20\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h3 class=\"kt-adv-heading453_0e0028-20 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading453_0e0028-20\">\u56db\u3001&nbsp;\u4e3b\u52a8\u53ec\u56de\u7ad9 \u2014\u2014 \u62d6\u62fd\u586b\u7a7a\u6d4b\u6548\u679c<\/h3>\n\n\n\n<!DOCTYPE html>\n<html lang=\"zh-CN\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, user-scalable=yes\">\n    <title>\u62d6\u62fd\u586b\u7a7a \u00b7 \u4e3b\u52a8\u53ec\u56de<\/title>\n    <style>\n        * {\n            user-select: none;\n        }\n        .cloze-section {\n            background: #FFFFFF;\n            border-radius: 28px;\n            box-shadow: 0 8px 20px rgba(0,0,0,0.04);\n            border: 1px solid #EDEFF2;\n            overflow: hidden;\n            margin: 2rem 0;\n        }\n        .cloze-header {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            padding: 16px 24px;\n            background: #FDF8F0;\n            border-bottom: 1px solid #F0E8DC;\n            font-weight: 600;\n            color: #4A5B6E;\n            font-size: 0.9rem;\n            flex-wrap: wrap;\n            gap: 12px;\n        }\n        .reset-btn {\n            background: #F0F2F5;\n            border: none;\n            border-radius: 30px;\n            padding: 6px 16px;\n            font-size: 0.75rem;\n            font-weight: 500;\n            color: #5A6E55;\n            cursor: pointer;\n            transition: all 0.2s;\n        }\n        .reset-btn:hover {\n            background: #E4E8E0;\n            transform: translateY(-1px);\n        }\n        \/* \u5355\u8bcd\u6c60\u533a\u57df *\/\n        .word-bank {\n            background: #FEFAF5;\n            padding: 16px 24px;\n            border-bottom: 1px solid #F0E8DC;\n            display: flex;\n            flex-wrap: wrap;\n            gap: 12px;\n            align-items: center;\n        }\n        .word-bank-title {\n            font-size: 0.75rem;\n            color: #8B9A8B;\n            margin-right: 8px;\n        }\n        .draggable-word {\n            background: #F5F5F5;\n            border: 1px solid #E0E0E0;\n            border-radius: 16px;   \/* \u7a0d\u5fae\u5706\u6da6\u4f46\u4e0d\u8fc7\u5206 *\/\n            padding: 4px 14px;     \/* \u51cf\u5c0f\u5185\u8fb9\u8ddd *\/\n            font-size: 0.85rem;\n            font-weight: 500;\n            color: #3A4A3A;\n            cursor: grab;\n            transition: all 0.2s;\n            display: inline-block;\n        }\n        .draggable-word:active {\n            cursor: grabbing;\n        }\n        .draggable-word.dragging {\n            opacity: 0.5;\n        }\n        .draggable-word.used {\n            display: none;\n        }\n        .draggable-word:hover {\n            border-color: #7CB342;\n            background: #FFFFFF;\n            transform: translateY(-1px);\n        }\n        \/* \u6587\u7ae0\u533a\u57df *\/\n        .cloze-article {\n            font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n            line-height: 1.6;\n            font-size: 1rem;\n            color: #2C3E50;\n            padding: 24px;\n            background: #FFFFFF;\n        }\n        .cloze-article p {\n            margin: 0;\n        }\n        \/* \u6316\u7a7a\u533a\u57df\u6837\u5f0f - \u66f4\u65b9\u3001\u66f4\u7a84 *\/\n        .cloze-item {\n            display: inline-block;\n            vertical-align: middle;\n            min-width: 70px;\n            text-align: center;\n            background-color: #F9F9F9;\n            border: 1px dashed #B0B8C0;\n            border-radius: 8px;      \/* \u5706\u89d2\u53d8\u5c0f *\/\n            padding: 2px 8px;        \/* \u5185\u8fb9\u8ddd\u51cf\u5c0f *\/\n            margin: 0 4px;\n            font-weight: 500;\n            color: #8B9A8B;\n            transition: all 0.2s;\n            cursor: pointer;\n        }\n        .cloze-item.drag-over {\n            background-color: #F1F8E9;\n            border-color: #7CB342;\n            transform: scale(1.02);\n        }\n        \/* \u6b63\u786e\u586b\u5165\u540e\u6837\u5f0f *\/\n        .cloze-item.filled {\n            background-color: #E8F5E9;\n            border-color: #7CB342;\n            color: #2E7D32;\n            cursor: default;\n            border-style: solid;\n        }\n        \/* \u9519\u8bef\u53cd\u9988\uff08\u4e34\u65f6\uff09 *\/\n        .cloze-item.error {\n            background-color: #FFEBEE;\n            border-color: #E57373;\n        }\n    <\/style>\n<\/head>\n<body>\n<div class=\"cloze-section\">\n    <div class=\"cloze-header\">\n        <span>\ud83c\udfc6 \u8fb9\u8bfb\u8fb9\u62d6\u62fd\u5b8c\u6210\u586b\u7a7a \u00b7 \u5b8c\u5168\u638c\u63e1\u624d\u80fd\u5728\u8868\u8fbe\u65f6\u8131\u53e3\u800c\u51fa\n\n<\/span>\n        <button id=\"resetClozeBtn\" class=\"reset-btn\">\u27f3 \u91cd\u7f6e\u586b\u7a7a<\/button>\n    <\/div>\n    <div class=\"word-bank\" id=\"wordBank\">\n        <span class=\"word-bank-title\">\ud83d\udce6 \u53ef\u62d6\u62fd\u5355\u8bcd\uff1a<\/span>\n    <\/div>\n    <div class=\"cloze-article\" id=\"clozeArticle\">\n        <p>\n            Hey everyone are you feeling stressed with school? Let's look at a more \n            <span class=\"cloze-item\" data-answer=\"effective\">_______<\/span> \n            learning \n            <span class=\"cloze-item\" data-answer=\"method\">_______<\/span>. \n            First, let's talk about organized \n            <span class=\"cloze-item\" data-answer=\"note-taking\">_______<\/span>. \n            It's a powerful strategy that helps you \n            <span class=\"cloze-item\" data-answer=\"capture\">_______<\/span> \n            key ideas accurately, making them easier to \n            <span class=\"cloze-item\" data-answer=\"review\">_______<\/span> \n            and remember. To learn how to \n            <span class=\"cloze-item\" data-answer=\"memorize\">_______<\/span> \n            new \n            <span class=\"cloze-item\" data-answer=\"vocabulary\">_______<\/span> \n            deeply, the best approach is to use words in real sentences. Most importantly, \n            <span class=\"cloze-item\" data-answer=\"if\">_______<\/span> \n            you review your notes carefully every day, you will definitely \n            <span class=\"cloze-item\" data-answer=\"improve\">_______<\/span> \n            your grades. You must \n            <span class=\"cloze-item\" data-answer=\"focus on\">_______<\/span> \n            your work because avoiding every \n            <span class=\"cloze-item\" data-answer=\"distraction\">_______<\/span> \n            is a key \n            <span class=\"cloze-item\" data-answer=\"condition\">_______<\/span> \n            for success. Believe it or not, better study habits will surely lead to much better academic \n            <span class=\"cloze-item\" data-answer=\"result\">_______<\/span>.\n        <\/p>\n    <\/div>\n<\/div>\n\n<script>\n    (function() {\n        \/\/ \u83b7\u53d6\u6240\u6709\u6316\u7a7a\u9879\n        const clozeItems = document.querySelectorAll('.cloze-item');\n        const answerMap = new Map();\n        clozeItems.forEach(item => {\n            const answer = item.getAttribute('data-answer');\n            answerMap.set(item, answer);\n        });\n\n        \/\/ \u6536\u96c6\u6240\u6709\u9700\u8981\u51fa\u73b0\u7684\u5355\u8bcd\uff08\u53bb\u91cd\uff09\n        const allAnswers = [...new Set(Array.from(answerMap.values()))];\n        const wordBankDiv = document.getElementById('wordBank');\n        let draggableWords = [];\n\n     function buildWordBank() {\n    wordBankDiv.innerHTML = '<span class=\"word-bank-title\">\ud83d\udce6 \u53ef\u62d6\u62fd\u5355\u8bcd\uff1a<\/span>';\n    draggableWords = [];\n    \/\/ \u5c06 allAnswers \u6570\u7ec4\u968f\u673a\u6392\u5e8f\n    const shuffled = [...allAnswers];\n    for (let i = shuffled.length - 1; i > 0; i--) {\n        const j = Math.floor(Math.random() * (i + 1));\n        [shuffled[i], shuffled[j]] = [shuffled[j], shuffled[i]];\n    }\n    shuffled.forEach(word => {\n        const wordSpan = document.createElement('span');\n        wordSpan.className = 'draggable-word';\n        wordSpan.textContent = word;\n        wordSpan.setAttribute('data-word', word);\n        wordSpan.setAttribute('draggable', 'true');\n        wordSpan.addEventListener('dragstart', handleDragStart);\n        wordSpan.addEventListener('dragend', handleDragEnd);\n        wordBankDiv.appendChild(wordSpan);\n        draggableWords.push(wordSpan);\n    });\n}\n\n        let draggedWord = null;\n\n        function handleDragStart(e) {\n            draggedWord = this;\n            e.dataTransfer.setData('text\/plain', this.textContent);\n            e.dataTransfer.effectAllowed = 'copy';\n            this.classList.add('dragging');\n        }\n\n        function handleDragEnd(e) {\n            if (draggedWord) {\n                draggedWord.classList.remove('dragging');\n                draggedWord = null;\n            }\n        }\n\n        function setupDropTargets() {\n            clozeItems.forEach(item => {\n                item.addEventListener('dragover', (e) => {\n                    e.preventDefault();\n                    e.dataTransfer.dropEffect = 'copy';\n                    item.classList.add('drag-over');\n                });\n                item.addEventListener('dragleave', () => {\n                    item.classList.remove('drag-over');\n                });\n                item.addEventListener('drop', (e) => {\n                    e.preventDefault();\n                    item.classList.remove('drag-over');\n                    const word = e.dataTransfer.getData('text\/plain');\n                    if (!word) return;\n                    const expectedAnswer = answerMap.get(item);\n                    if (word === expectedAnswer) {\n                        if (item.classList.contains('filled')) return;\n                        item.textContent = word;\n                        item.classList.add('filled');\n                        const wordElement = findDraggableByWord(word);\n                        if (wordElement) {\n                            wordElement.classList.add('used');\n                            wordElement.setAttribute('draggable', 'false');\n                            wordElement.style.display = 'none';\n                        }\n                    } else {\n                        item.classList.add('error');\n                        setTimeout(() => {\n                            item.classList.remove('error');\n                        }, 300);\n                    }\n                });\n            });\n        }\n\n        function findDraggableByWord(word) {\n            return draggableWords.find(el => el.textContent === word && !el.classList.contains('used'));\n        }\n\n        function resetAll() {\n            clozeItems.forEach(item => {\n                item.textContent = '_______';\n                item.classList.remove('filled', 'error');\n            });\n            draggableWords.forEach(wordSpan => {\n                wordSpan.classList.remove('used');\n                wordSpan.style.display = '';\n                wordSpan.setAttribute('draggable', 'true');\n            });\n            draggedWord = null;\n        }\n\n        \/\/ \u89e6\u6478\u62d6\u62fd\u6a21\u62df\uff08\u79fb\u52a8\u7aef\uff09\n        function initTouchDrag() {\n            let currentDragWord = null;\n            let clone = null;\n            draggableWords.forEach(word => {\n                word.addEventListener('touchstart', (e) => {\n                    e.preventDefault();\n                    const touch = e.touches[0];\n                    currentDragWord = word;\n                    clone = word.cloneNode(true);\n                    clone.style.position = 'fixed';\n                    clone.style.top = `${touch.clientY - 20}px`;\n                    clone.style.left = `${touch.clientX - 20}px`;\n                    clone.style.opacity = '0.7';\n                    clone.style.pointerEvents = 'none';\n                    clone.style.zIndex = '9999';\n                    clone.style.borderColor = '#7CB342';\n                    document.body.appendChild(clone);\n                });\n                word.addEventListener('touchmove', (e) => {\n                    if (!clone) return;\n                    e.preventDefault();\n                    const touch = e.touches[0];\n                    clone.style.top = `${touch.clientY - 20}px`;\n                    clone.style.left = `${touch.clientX - 20}px`;\n                    const elemUnderTouch = document.elementsFromPoint(touch.clientX, touch.clientY);\n                    const targetCloze = elemUnderTouch.find(el => el.classList && el.classList.contains('cloze-item'));\n                    clozeItems.forEach(item => item.classList.remove('drag-over'));\n                    if (targetCloze) targetCloze.classList.add('drag-over');\n                });\n                word.addEventListener('touchend', (e) => {\n                    e.preventDefault();\n                    if (clone) clone.remove();\n                    const touch = e.changedTouches[0];\n                    const elemUnderTouch = document.elementsFromPoint(touch.clientX, touch.clientY);\n                    const targetCloze = elemUnderTouch.find(el => el.classList && el.classList.contains('cloze-item'));\n                    clozeItems.forEach(item => item.classList.remove('drag-over'));\n                    if (targetCloze && currentDragWord) {\n                        const word = currentDragWord.textContent;\n                        const expectedAnswer = answerMap.get(targetCloze);\n                        if (word === expectedAnswer && !targetCloze.classList.contains('filled')) {\n                            targetCloze.textContent = word;\n                            targetCloze.classList.add('filled');\n                            currentDragWord.classList.add('used');\n                            currentDragWord.style.display = 'none';\n                            currentDragWord.setAttribute('draggable', 'false');\n                        } else if (word !== expectedAnswer) {\n                            targetCloze.classList.add('error');\n                            setTimeout(() => targetCloze.classList.remove('error'), 300);\n                        }\n                    }\n                    currentDragWord = null;\n                    clone = null;\n                });\n            });\n        }\n\n        buildWordBank();\n        setupDropTargets();\n        const resetBtn = document.getElementById('resetClozeBtn');\n        resetBtn.addEventListener('click', resetAll);\n        if ('ontouchstart' in window) {\n            initTouchDrag();\n        }\n    })();\n<\/script>\n<\/body>\n<\/html>\n\n\n\n<div class=\"highlight-text\">\n    \u563f\uff0c\u5404\u4f4d\uff01\u4f60\u4eec\u5728\u5b66\u6821\u611f\u5230<span class=\"cn-yellow\">\u538b\u529b\u5927<\/span>\u5417\uff1f\u54b1\u4eec\u6765\u770b\u4e00\u4e2a\u66f4<span class=\"cn-blue\">\u9ad8\u6548<\/span>\u7684\u5b66\u4e60<span class=\"cn-yellow\">\u65b9\u6cd5<\/span>\u3002\u9996\u5148\uff0c\u54b1\u4eec\u804a\u804a\u600e\u4e48<span class=\"cn-purple\">\u6709\u6761\u7406\u5730\u505a\u7b14\u8bb0<\/span>\u3002\u8fd9\u662f\u4e00\u4e2a\u975e\u5e38\u7ba1\u7528\u7684\u7b56\u7565\uff0c\u80fd\u5e2e\u4f60\u51c6\u786e<span class=\"cn-blue\">\u6293\u4f4f\u91cd\u70b9<\/span>\uff0c<span class=\"cn-yellow\">\u590d\u4e60<\/span>\u548c\u8bb0\u5fc6\u8d77\u6765\u4e5f\u66f4\u5bb9\u6613\u3002\u81f3\u4e8e\u5982\u4f55\u6df1\u523b\u5730<span class=\"cn-blue\">\u8bb0\u4f4f<\/span>\u65b0<span class=\"cn-purple\">\u5355\u8bcd<\/span>\uff0c\u6700\u597d\u7684\u529e\u6cd5\u5c31\u662f\u628a\u5355\u8bcd\u653e\u5230\u771f\u5b9e\u7684\u53e5\u5b50\u91cc\u53bb\u7528\u3002\u6700\u91cd\u8981\u7684\u662f\uff0c<span class=\"cn-green\">\u5982\u679c<\/span>\u4f60\u6bcf\u5929\u8ba4\u771f\u590d\u4e60\u7b14\u8bb0\uff0c\u6210\u7ee9\u80af\u5b9a\u80fd<span class=\"cn-yellow\">\u63d0\u9ad8<\/span>\u3002\u4f60\u5fc5\u987b<span class=\"cn-yellow\">\u4e13\u5fc3\u505a\u529f\u8bfe<\/span>\uff0c\u56e0\u4e3a\u675c\u7edd\u4e00\u5207<span class=\"cn-purple\">\u5e72\u6270<\/span>\u662f\u6210\u529f\u7684<span class=\"cn-blue\">\u5173\u952e<\/span>\u3002\u4fe1\u4e0d\u4fe1\u7531\u4f60\uff0c\u597d\u7684\u5b66\u4e60\u4e60\u60ef\u7edd\u5bf9\u80fd\u7ed9\u4f60\u5e26\u6765\u66f4\u597d\u7684\u5b66\u4e1a<span class=\"cn-green\">\u6210\u7ee9<\/span>\uff01\n<\/div>\n\n<style>\n    .highlight-text {\n        font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n        line-height: 1.6;\n        font-size: 0.9rem;\n        font-weight: 500;\n        color: #2c3e50;\npadding: 0 10px\n    }\n    \/* \u57fa\u7840\u8bcd\uff1a\u7eff\u8272 *\/\n    .cn-green { color: #2E7D32; padding: 2px 5px; border-radius: 4px; text-decoration: underline; }\n    \/* \u62d3\u5c55\u8bcd\uff1a\u7d2b\u8272 *\/\n    .cn-purple { color: #512DA8; padding: 2px 5px; border-radius: 4px; text-decoration: underline; }\n    \/* \u9ad8\u9891\u8bcd\uff1a\u9ec4\u8272 *\/\n    .cn-yellow { color: #F57F17; padding: 2px 5px; border-radius: 4px; text-decoration: underline; }\n    \/* \u4e2d\u9891\u8bcd\uff1a\u84dd\u8272 *\/\n    .cn-blue { color: #1565C0; padding: 2px 5px; border-radius: 4px; text-decoration: underline; }\n<\/style>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Corpus 1 \u5728\u5b66\u4e60\u65f6\u675c\u7edd\u5e72\u6270\u600e\u4e48\u8bf4\uff1f \u4e00\u3001&nbsp;\u8bed\u6599\u9884\u70ed\u7ad9 &#8211; \u89c6\u9891\u5bfc\u8bfb\u66f4\u8f7b\u677e \uff5c\ud83d\udcd6 &#8230;<\/p>\n","protected":false},"author":1,"featured_media":1076,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"default","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"default","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"trial_url","footnotes":""},"categories":[24,28],"tags":[],"class_list":["post-453","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-chuer","category-school-edu"],"_links":{"self":[{"href":"https:\/\/www.corpusland.com\/index.php?rest_route=\/wp\/v2\/posts\/453","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.corpusland.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.corpusland.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.corpusland.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.corpusland.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=453"}],"version-history":[{"count":195,"href":"https:\/\/www.corpusland.com\/index.php?rest_route=\/wp\/v2\/posts\/453\/revisions"}],"predecessor-version":[{"id":1095,"href":"https:\/\/www.corpusland.com\/index.php?rest_route=\/wp\/v2\/posts\/453\/revisions\/1095"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.corpusland.com\/index.php?rest_route=\/wp\/v2\/media\/1076"}],"wp:attachment":[{"href":"https:\/\/www.corpusland.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=453"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.corpusland.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=453"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.corpusland.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=453"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}