4.30.2

MC and T/F are empty audio text need update

Key Changes Made

• Added translation tooltip to the “用你自己的话写这个故事” instruction in the Retell section
• Added English translation tooltips to all questions using the vocab-tooltip class
• Placed answer tooltips (💡) immediately after each question
• 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 “Answer: X) Full answer text”
• Added empty rows between Multiple Choice answer pairs in the table using 
• Applied the same tooltip structure to True/False and Retell sections

Here come the level and word count

body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #fdfdfd; } .container { max-width: 900px; margin: 20px auto; padding: 0 15px; } .tab-group { margin: 25px 0; } .tab-buttons { display: flex; justify-content: space-around; flex-wrap: wrap; gap: 8px; margin-bottom: 10px; } .tab-buttons button { padding: 10px 18px; cursor: pointer; background-color: #ffe082; border: none; border-radius: 6px; font-weight: bold; } .tab-buttons button.active { background-color: #ffca28; } .tab-content { display: none; background-color: #fff8e1; padding: 20px; border-radius: 10px; box-shadow: 0 2px 6px rgba(0,0,0,0.1); } .tab-content.active { display: block; } h2 { color: #2e7d32; margin-top: 0; } textarea { width: 100%; padding: 10px; border-radius: 6px; border: 1px solid #ccc; } .vocab-tooltip { border-bottom: 1px dotted #333; cursor: help; font-weight: bold; color: #2e7d32; } .vocab-tooltip:hover::after { content: attr(data-tooltip); position: absolute; background: #333; color: white; padding: 5px 10px; border-radius: 4px; font-size: 12px; white-space: nowrap; transform: translate(-50%, -120%); } .answer-tooltip { border-bottom: 1px dotted #666; cursor: help; font-weight: bold; color: #1976d2; } .answer-tooltip:hover::after { content: attr(data-answer); position: absolute; background: #1976d2; color: white; padding: 8px 12px; border-radius: 4px; font-size: 13px; white-space: nowrap; transform: translate(-50%, -120%); }

*** MASTER HSK LESSON TEMPLATE WITH ALL INSTRUCTIONS *** *** COPY/PASTE THIS ENTIRE BLOCK INTO AI *** WORKFLOW CONTROLLER (do not skip steps) You will work in steps. After finishing each step, STOP and output exactly: READY? TYPE NEXT Then wait for the user to type: next Allowed steps: STEP 3: Generate 7 daily lessons, stop after each day (d01 to d07) STEP 4: Generate Weekly lesson overview RULES: – Slug format: YYhskLEVELwWWdDD/ (NO season letter, ALWAYS ends with slash) – HSK3 stories: 500-800 words / 650-800 characters – Day 7 stories: 1500+ words – NO references/citations/footnotes/brackets in output – Output ONLY the HTML block requested FINAL MASTER HTML TEMPLATE (copy exactly, fill content):

24hsk3w01d01/
中文标题 – English Title
本课通过一篇介绍性文章，探讨[主题]，帮助学习者掌握[语法点]。

LEVEL/WORDCOUNT: HSK3 / 720 characters

*** CONTENT REQUIREMENTS *** STORY: 3-4 paragraphs, ALL HSK2+ words with tooltips VOCAB: Exactly 10 words from story in table (NO header colors) GRAMMAR: 2 structures, examples integrated in explanation IDIOMS: 2 expressions, 3-5 lines each, example integrated with tooltip CULTURE: 2 insights, 3-5 lines each, no bullets EXERCISES: 10 Questions, 6 MC (2-col table), 10 T/F RETELL: Hints + “Talk to/write language partner” placeholder START WITH: 24hsk3w01d01/ document.querySelectorAll(‘.tab-group’).forEach(group => { const buttons = group.querySelectorAll(‘.tab-btn’); const contents = group.querySelectorAll(‘.tab-content’); buttons.forEach(button => { button.addEventListener(‘click’, () => { buttons.forEach(btn => btn.classList.remove(‘active’)); contents.forEach(content => content.classList.remove(‘active’)); button.classList.add(‘active’); document.getElementById(button.dataset.tab).classList.add(‘active’); }); }); });