{"id":2168,"date":"2026-01-18T12:43:22","date_gmt":"2026-01-18T12:43:22","guid":{"rendered":"https:\/\/cn.fabeloso.com\/stories\/?p=2168"},"modified":"2026-01-24T11:37:24","modified_gmt":"2026-01-24T11:37:24","slug":"4-30-2","status":"publish","type":"post","link":"https:\/\/cn.fabeloso.com\/stories\/4-30-2\/","title":{"rendered":"4.30.2"},"content":{"rendered":"\n<p><span style=\"background-color:#ffbfb5\" class=\"td_text_highlight_marker\">MC and T\/F are empty    audio text need  update<\/span><\/p>\n\n\n\n<p>Key Changes Made<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Added translation tooltip to the &#8220;\u7528\u4f60\u81ea\u5df1\u7684\u8bdd\u5199\u8fd9\u4e2a\u6545\u4e8b&#8221; instruction in the Retell section<\/li>\n\n\n\n<li>Added English translation tooltips to all questions using the vocab-tooltip class<\/li>\n\n\n\n<li>Placed answer tooltips (\ud83d\udca1) immediately after each question<\/li>\n\n\n\n<li>For Multiple Choice: answer tooltip appears right after the question, before the a, b, c options, and includes both the letter and full answer text in the format &#8220;Answer: X) Full answer text&#8221;<\/li>\n\n\n\n<li>Added empty rows between Multiple Choice answer pairs in the table using&nbsp;<\/li>\n\n\n\n<li>Applied the same tooltip structure to True\/False and Retell sections<\/li>\n<\/ul>\n\n\n\n<p>Here come the level and word count<\/p>\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\">\n\n    <style>\n        body {\n            font-family: Arial, sans-serif;\n            margin: 0;\n            padding: 0;\n            background-color: #fdfdfd;\n        }\n\n        .container {\n            max-width: 900px;\n            margin: 20px auto;\n            padding: 0 15px;\n        }\n\n        .tab-group {\n            margin: 25px 0;\n        }\n\n        .tab-buttons {\n            display: flex;\n            justify-content: space-around;\n            flex-wrap: wrap;\n            gap: 8px;\n            margin-bottom: 10px;\n        }\n\n        .tab-buttons button {\n            padding: 10px 18px;\n            cursor: pointer;\n            background-color: #ffe082;\n            border: none;\n            border-radius: 6px;\n            font-weight: bold;\n        }\n\n        .tab-buttons button.active {\n            background-color: #ffca28;\n        }\n\n        .tab-content {\n            display: none;\n            background-color: #fff8e1;\n            padding: 20px;\n            border-radius: 10px;\n            box-shadow: 0 2px 6px rgba(0,0,0,0.1);\n        }\n\n        .tab-content.active {\n            display: block;\n        }\n\n        h2 {\n            color: #2e7d32;\n            margin-top: 0;\n        }\n\n        textarea {\n            width: 100%;\n            padding: 10px;\n            border-radius: 6px;\n            border: 1px solid #ccc;\n        }\n\n        .vocab-tooltip {\n            border-bottom: 1px dotted #333;\n            cursor: help;\n            font-weight: bold;\n            color: #2e7d32;\n        }\n\n        .vocab-tooltip:hover::after {\n            content: attr(data-tooltip);\n            position: absolute;\n            background: #333;\n            color: white;\n            padding: 5px 10px;\n            border-radius: 4px;\n            font-size: 12px;\n            white-space: nowrap;\n            transform: translate(-50%, -120%);\n        }\n\n        .answer-tooltip {\n            border-bottom: 1px dotted #666;\n            cursor: help;\n            font-weight: bold;\n            color: #1976d2;\n        }\n\n        .answer-tooltip:hover::after {\n            content: attr(data-answer);\n            position: absolute;\n            background: #1976d2;\n            color: white;\n            padding: 8px 12px;\n            border-radius: 4px;\n            font-size: 13px;\n            white-space: nowrap;\n            transform: translate(-50%, -120%);\n        }\n    <\/style>\n<\/head>\n<body>\n\n\n\n<figure class=\"wp-block-audio\"><audio controls src=\"https:\/\/www.salesforce.com\/small-business\/pricing\/#1742496593545_1813\"><\/audio><\/figure>\n\n\n\n*** MASTER HSK LESSON TEMPLATE WITH ALL INSTRUCTIONS ***\n*** COPY\/PASTE THIS ENTIRE BLOCK INTO AI ***\n\nWORKFLOW CONTROLLER (do not skip steps)\nYou will work in steps. After finishing each step, STOP and output exactly:\nREADY? TYPE NEXT\nThen wait for the user to type: next\n\nAllowed steps:\nSTEP 3: Generate 7 daily lessons, stop after each day (d01 to d07)\nSTEP 4: Generate Weekly lesson overview\n\nRULES:\n&#8211; Slug format: YYhskLEVELwWWdDD\/ (NO season letter, ALWAYS ends with slash)\n&#8211; HSK3 stories: 500-800 words \/ 650-800 characters\n&#8211; Day 7 stories: 1500+ words\n&#8211; NO references\/citations\/footnotes\/brackets in output\n&#8211; Output ONLY the HTML block requested\n\nFINAL MASTER HTML TEMPLATE (copy exactly, fill content):\n\n<p>24hsk3w01d01\/<br>\n\u4e2d\u6587\u6807\u9898 &#8211; English Title<br>\n\u672c\u8bfe\u901a\u8fc7\u4e00\u7bc7\u4ecb\u7ecd\u6027\u6587\u7ae0\uff0c\u63a2\u8ba8[\u4e3b\u9898]\uff0c\u5e2e\u52a9\u5b66\u4e60\u8005\u638c\u63e1[\u8bed\u6cd5\u70b9]\u3002<br>\n<\/p>\n<p><strong>LEVEL\/WORDCOUNT:<\/strong> HSK3 \/ 720 characters<\/p>\n\n<div class=\"container\">\n  <!-- STORY TABS -->\n  <div class=\"tab-group historia-tabs\">\n    <div class=\"tab-buttons\">\n      <button class=\"tab-btn active\" data-tab=\"story-zh\">\u4e2d\u6587<\/button>\n      <button class=\"tab-btn\" data-tab=\"story-py\">Pinyin<\/button>\n      <button class=\"tab-btn\" data-tab=\"story-en\">English<\/button>\n      <button class=\"tab-btn\" data-tab=\"audio\">Audio<\/button>\n    <\/div>\n\n    <div id=\"story-zh\" class=\"tab-content active\">\n      <h2>\u4e2d\u6587\u6807\u9898<\/h2>\n      <p>[3-4 paragraphs with HSK2+ words ALL having tooltips: <span class=\"vocab-tooltip\" data-tooltip=\"p\u012bny\u012bn \u2014 English\">\u8bcd\u8bed<\/span>]<\/p>\n    <\/div>\n\n    <div id=\"story-py\" class=\"tab-content\">\n      <h2>Chinese Title (Pinyin)<\/h2>\n      <p>[Full pinyin version matching Chinese exactly]<\/p>\n    <\/div>\n\n    <div id=\"story-en\" class=\"tab-content\">\n      <h2>English Title<\/h2>\n      <p>[Natural English translation matching Chinese structure]<\/p>\n    <\/div>\n\n    <div id=\"audio\" class=\"tab-content\">\n      <h2>Help<\/h2>\n      <h3>How to Use the Audio<\/h3>\n      <p>The audio helps improve listening and pronunciation. Use before reading for rhythm, after reading for accuracy.<\/p>\n    <\/div>\n  <\/div>\n\n  <!-- STUDY TABS -->\n  <div class=\"tab-group estudo-tabs\">\n    <div class=\"tab-buttons\">\n      <button class=\"tab-btn active\" data-tab=\"vocab\">Vocabulary<\/button>\n      <button class=\"tab-btn\" data-tab=\"grammar\">Grammar<\/button>\n      <button class=\"tab-btn\" data-tab=\"idioms\">Idiomatic Expressions<\/button>\n      <button class=\"tab-btn\" data-tab=\"culture\">Cultural Insights<\/button>\n    <\/div>\n\n    <div id=\"vocab\" class=\"tab-content active\">\n      <h2>Vocabulary<\/h2>\n      <table style=\"width:100%; border-collapse:collapse;\">\n        <thead>\n          <tr>\n            <th style=\"text-align:left; padding:6px; background:none; font-weight:bold;\">Characters<\/th>\n            <th style=\"text-align:left; padding:6px; background:none; font-weight:bold;\">Pinyin<\/th>\n            <th style=\"text-align:left; padding:6px; background:none; font-weight:bold;\">English<\/th>\n          <\/tr>\n        <\/thead>\n        <tbody>\n          <tr><td style=\"padding:6px;\">[10 HSK3 words from story]<\/td><td style=\"padding:6px;\">[pinyin]<\/td><td style=\"padding:6px;\">[English]<\/td><\/tr>\n        <\/tbody>\n      <\/table>\n    <\/div>\n\n    <div id=\"grammar\" class=\"tab-content\">\n      <h2>Grammar<\/h2>\n      \n      <p><strong>STRUCTURE 1<\/strong><br>\n        [2-3 line explanation]. For example: <i><span class=\"vocab-tooltip\" data-tooltip=\"p\u012bny\u012bn \u2014 English\">\u793a\u4f8b\u53e5\u5b50<\/span><\/i>.\n      <\/p>\n\n      <p><strong>STRUCTURE 2<\/strong><br>\n        [2-3 line explanation]. For example: <i><span class=\"vocab-tooltip\" data-tooltip=\"p\u012bny\u012bn \u2014 English\">\u793a\u4f8b\u53e5\u5b50<\/span><\/i>.\n      <\/p>\n    <\/div>\n\n    <div id=\"idioms\" class=\"tab-content\">\n      <h2>Idiomatic Expressions<\/h2>\n      \n      <p>\n        <span class=\"vocab-tooltip\" data-tooltip=\"p\u012bny\u012bn \u2014 English\">\u60ef\u7528\u8868\u8fbe\u4e00<\/span> [3-5 lines describing usage]. For example: <i><span class=\"vocab-tooltip\" data-tooltip=\"p\u012bny\u012bn \u2014 English\">\u5b8c\u6574\u4f8b\u53e5<\/span><\/i>.\n      <\/p>\n\n      <p>\n        <span class=\"vocab-tooltip\" data-tooltip=\"p\u012bny\u012bn \u2014 English\">\u60ef\u7528\u8868\u8fbe\u4e8c<\/span> [3-5 lines describing usage]. For example: <i><span class=\"vocab-tooltip\" data-tooltip=\"p\u012bny\u012bn \u2014 English\">\u5b8c\u6574\u4f8b\u53e5<\/span><\/i>.\n      <\/p>\n    <\/div>\n\n    <div id=\"culture\" class=\"tab-content\">\n      <h2>Cultural Insights<\/h2>\n      \n      <p><strong>\u6587\u5316\u70b9\u4e00<\/strong><br>\n        [3-5 lines detailed explanation with cultural context].<br><br><\/p>\n\n      <p><strong>\u6587\u5316\u70b9\u4e8c<\/strong><br>\n        [3-5 lines detailed explanation with cultural context].<br><br><\/p>\n    <\/div>\n  <\/div>\n\n  <!-- EXERCISE TABS -->\n  <div class=\"tab-group exercicio-tabs\">\n    <div class=\"tab-buttons\">\n      <button class=\"tab-btn active\" data-tab=\"questions\">10 Questions<\/button>\n      <button class=\"tab-btn\" data-tab=\"multiple\">Multiple Choice<\/button>\n      <button class=\"tab-btn\" data-tab=\"truefalse\">True or False<\/button>\n      <button class=\"tab-btn\" data-tab=\"retell\">Retell the Story<\/button>\n    <\/div>\n\n    <div id=\"questions\" class=\"tab-content active\">\n      <h2>10 Questions<\/h2>\n      <ol>\n        <li><span class=\"vocab-tooltip\" data-tooltip=\"p\u012bny\u012bn \u2014 gloss\">\u95ee\u9898\u4e00\uff1f<\/span> <span class=\"answer-tooltip\" data-answer=\"\u7b54\u6848\u4e00\">(\u7b54\u6848)<\/span><\/li>\n        <!-- 10 total questions -->\n      <\/ol>\n    <\/div>\n\n    <div id=\"multiple\" class=\"tab-content\">\n      <h2>Multiple Choice (6 Questions)<\/h2>\n      <table style=\"width:100%; border-collapse:collapse;\">\n        <tr>\n          <td style=\"vertical-align:top; width:50%; padding:6px;\">\n            <ol>\n              <li>\u95ee\u9898\u4e00\uff1f<span class=\"answer-tooltip\" data-answer=\"\u6b63\u786e\u7b54\u6848\">(\u7b54\u6848)<\/span><br>\n                  a) \u9009\u9879A<br>b) \u9009\u9879B<br>c) \u9009\u9879C<\/li>\n              <li>\u95ee\u9898\u4e8c\uff1f<span class=\"answer-tooltip\" data-answer=\"\u6b63\u786e\u7b54\u6848\">(\u7b54\u6848)<\/span><br>\n                  a) \u9009\u9879A<br>b) \u9009\u9879B<br>c) \u9009\u9879C<\/li>\n              <li>\u95ee\u9898\u4e09\uff1f<span class=\"answer-tooltip\" data-answer=\"\u6b63\u786e\u7b54\u6848\">(\u7b54\u6848)<\/span><br>\n                  a) \u9009\u9879A<br>b) \u9009\u9879B<br>c) \u9009\u9879C<\/li>\n            <\/ol>\n          <\/td>\n          <td style=\"vertical-align:top; width:50%; padding:6px;\">\n            <ol start=\"4\">\n              <li>\u95ee\u9898\u56db\uff1f<span class=\"answer-tooltip\" data-answer=\"\u6b63\u786e\u7b54\u6848\">(\u7b54\u6848)<\/span><br>\n                  a) \u9009\u9879A<br>b) \u9009\u9879B<br>c) \u9009\u9879C<\/li>\n              <li>\u95ee\u9898\u4e94\uff1f<span class=\"answer-tooltip\" data-answer=\"\u6b63\u786e\u7b54\u6848\">(\u7b54\u6848)<\/span><br>\n                  a) \u9009\u9879A<br>b) \u9009\u9879B<br>c) \u9009\u9879C<\/li>\n              <li>\u95ee\u9898\u516d\uff1f<span class=\"answer-tooltip\" data-answer=\"\u6b63\u786e\u7b54\u6848\">(\u7b54\u6848)<\/span><br>\n                  a) \u9009\u9879A<br>b) \u9009\u9879B<br>c) \u9009\u9879C<\/li>\n            <\/ol>\n          <\/td>\n        <\/tr>\n      <\/table>\n    <\/div>\n\n    <div id=\"truefalse\" class=\"tab-content\">\n      <h2>True or False (10 Questions)<\/h2>\n      <ol>\n        <li><span class=\"vocab-tooltip\" data-tooltip=\"p\u012bny\u012bn \u2014 gloss\">\u9648\u8ff0\u53e5\u4e00\u3002<\/span> <span class=\"answer-tooltip\" data-answer=\"\u5bf9\/\u9519\">(\u7b54\u6848)<\/span><\/li>\n        <!-- 10 total T\/F questions -->\n      <\/ol>\n    <\/div>\n\n    <div id=\"retell\" class=\"tab-content\">\n      <h2>Retell the Story<\/h2>\n      <p><span class=\"vocab-tooltip\" data-tooltip=\"use key points from story\">\u8bf7\u7528\u4f60\u81ea\u5df1\u7684\u8bdd\u91cd\u5199\u8fd9\u4e2a\u6545\u4e8b\u3002\u53ef\u4ee5\u7528\u8fd9\u4e9b\u8981\u70b9\uff1a[key story elements]\u3002<\/span><\/p>\n      <textarea rows=\"8\" placeholder=\"Talk to or write a language partner an email (mention key story elements...)\"><\/textarea>\n    <\/div>\n  <\/div>\n<\/div>\n\n*** CONTENT REQUIREMENTS ***\nSTORY: 3-4 paragraphs, ALL HSK2+ words with tooltips\nVOCAB: Exactly 10 words from story in table (NO header colors)\nGRAMMAR: 2 structures, examples integrated in explanation\nIDIOMS: 2 expressions, 3-5 lines each, example integrated with tooltip\nCULTURE: 2 insights, 3-5 lines each, no bullets\nEXERCISES: 10 Questions, 6 MC (2-col table), 10 T\/F\nRETELL: Hints + &#8220;Talk to\/write language partner&#8221; placeholder\n\nSTART WITH: 24hsk3w01d01\/\n\n\n\n\n<script>\n    document.querySelectorAll('.tab-group').forEach(group => {\n        const buttons = group.querySelectorAll('.tab-btn');\n        const contents = group.querySelectorAll('.tab-content');\n\n        buttons.forEach(button => {\n            button.addEventListener('click', () => {\n                buttons.forEach(btn => btn.classList.remove('active'));\n                contents.forEach(content => content.classList.remove('active'));\n\n                button.classList.add('active');\n                document.getElementById(button.dataset.tab).classList.add('active');\n            });\n        });\n    });\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>MC and T\/F are empty audio text need update Key Changes Made Here come the level and word count *** MASTER HSK LESSON TEMPLATE WITH ALL INSTRUCTIONS *** *** COPY\/PASTE &hellip; <a title=\"4.30.2\" class=\"hm-read-more\" href=\"https:\/\/cn.fabeloso.com\/stories\/4-30-2\/\"><span class=\"screen-reader-text\">4.30.2<\/span>Read more<\/a><\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-2168","post","type-post","status-publish","format-standard","hentry","category-uncategorised"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/cn.fabeloso.com\/stories\/wp-json\/wp\/v2\/posts\/2168","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cn.fabeloso.com\/stories\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cn.fabeloso.com\/stories\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cn.fabeloso.com\/stories\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/cn.fabeloso.com\/stories\/wp-json\/wp\/v2\/comments?post=2168"}],"version-history":[{"count":1,"href":"https:\/\/cn.fabeloso.com\/stories\/wp-json\/wp\/v2\/posts\/2168\/revisions"}],"predecessor-version":[{"id":2169,"href":"https:\/\/cn.fabeloso.com\/stories\/wp-json\/wp\/v2\/posts\/2168\/revisions\/2169"}],"wp:attachment":[{"href":"https:\/\/cn.fabeloso.com\/stories\/wp-json\/wp\/v2\/media?parent=2168"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cn.fabeloso.com\/stories\/wp-json\/wp\/v2\/categories?post=2168"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cn.fabeloso.com\/stories\/wp-json\/wp\/v2\/tags?post=2168"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}