Blog

  • CN3 – green tooltip

    body { font-family: ‘Noto Sans SC’, Arial, sans-serif; margin: 0; padding: 0; background-color: #fdfdfd; } .container { max-width: 900px; margin: 20px auto; padding: 0 15px; } .story-block { background-color: #fffde7; padding: 20px; border-radius: 10px; box-shadow: 0 2px 6px rgba(0,0,0,0.1); margin-bottom: 20px; line-height: 1.6; } .tab-group { margin: 20px 0; } .tab-buttons { display: flex; justify-content: space-around; margin-bottom: 10px; flex-wrap: wrap; gap: 8px; } .tab-buttons button { padding: 10px 20px; cursor: pointer; background-color: #ffe082; border: none; border-radius: 5px; font-weight: bold; transition: background-color 0.3s; } .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); margin-bottom: 20px; } .tab-content.active { display: block; } h2 { margin-top: 0; color: #2e7d32; } h3 { color: #2e7d32; margin: 20px 0 10px 0; } ul { padding-left: 20px; } li { margin-bottom: 6px; } strong { color: #2e7d32; } /* FIXED: HSK2+ tooltips – GREEN */ .hanzi-hsk2plus { position: relative; cursor: help; color: #2e7d32 !important; font-weight: bold; border-bottom: 2px dotted #2e7d32; padding: 0 2px; margin: 0 1px; display: inline-block; } .hanzi-tooltip { position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); background: linear-gradient(135deg, #2e7d32, #4caf50); color: #fff !important; padding: 10px 12px; border-radius: 8px; font-size: 13px; line-height: 1.4; white-space: nowrap; z-index: 1000; opacity: 0; visibility: hidden; transition: all 0.2s ease; box-shadow: 0 4px 12px rgba(46,125,50,0.4); min-width: 140px; text-align: center; font-family: Arial, sans-serif; } .hanzi-hsk2plus:hover .hanzi-tooltip, .hanzi-hsk2plus:focus .hanzi-tooltip { opacity: 1; visibility: visible; } .hanzi-tooltip::after { content: ”; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); border: 8px solid transparent; border-top-color: #2e7d32; } .hanzi-tooltip .pinyin { color: #fff176 !important; font-weight: bold; margin: 0 0 2px 0; font-size: 14px; } .hanzi-tooltip .english { color: #e8f5e8 !important; margin: 0; font-size: 12px; } /* HSK1-2 basic – no tooltip */ .hanzi-basic { color: #333; }

    老虎、兔子与龙的大赛故事 | Tiger, Rabbit & Dragon Race Story


    老虎 lǎohǔ tiger (HSK3) 兔子 tùzi rabbit (HSK3) lóng dragon (HSK4) 的故事

    很久以前,在大比赛 dà bǐsài great race (HSK4) 中,老虎 lǎohǔ tiger (HSK3) 游过 yóu guò swim across (HSK3+) 冷浪 lěng làng cold waves (HSK3+)
    大声 dà shēng loudly (HSK3) 吼叫 hǒu jiào roar (HSK5+) 显示 xiǎnshì show/display (HSK3) 他的力量 lìliàng strength (HSK4)
    但是 river (HSK2) ,他游到一半 yóu dào yībàn halfway (HSK3+) 累了 lèi le got tired (HSK3)

    兔子 tùzi rabbit (HSK3) 浮木 fúmù floating logs (HSK5+) 石头紧张地 jǐnzhāng de nervously (HSK4) 跳来跳去 tiào lái tiào qù hop around (HSK4+)
    小而温柔,但很聪明 cōngmíng clever (HSK3)

    大浪 dà làng big wave (HSK3+) 差点把他冲走 bǎ tā chōng zǒu sweep away (HSK3+) ,这时大龙 dà lóng mighty dragon (HSK4+) 头顶 tóudǐng overhead (HSK4) 飞过 fēi guò fly over (HSK2)
    善良的 shànliáng de kind-hearted (HSK5+) lóng dragon (HSK4) 看到兔子 tùzi rabbit (HSK3) 危险 wēixiǎn danger (HSK3)
    吹风 chuī fēng blow wind (HSK3+) 推浮木 tuī fúmù push logs (HSK3+) 往前,帮助 bāngzhù help (HSK2) 兔子 tùzi rabbit (HSK3) 安全到达 ānquán dàodá reach safety (HSK3+)

    后来 hòulái later (HSK3) lóng dragon (HSK4) 玉皇大帝 Yù Huáng Dàdì Jade Emperor (HSK5+) 他还帮村民下雨 bāng cūnmín xiàyǔ bring rain (HSK4+)
    所以老虎第三 lǎohǔ dì sān Tiger 3rd (HSK3+) 兔子第四 tùzi dì sì Rabbit 4th (HSK3+) 龙第五 lóng dì wǔ Dragon 5th (HSK3+) 。[web:12]

    Tiger, Rabbit, Dragon

    Long ago during the great race, the Tiger swam powerfully through the cold waves.
    He roared loudly to show his strength, but the river was wide, and he grew tired halfway.

    Nearby, the Rabbit hopped nervously on floating logs and stones.
    He was small and gentle but clever.

    A big wave almost swept him away when suddenly, a mighty Dragon flew overhead.
    The kind Dragon saw the Rabbit’s danger and breathed wind to push the logs forward, helping the Rabbit reach safety.

    Later, the Dragon explained to the Jade Emperor that he had also stopped to bring rain to dry village fields.
    That’s why the Tiger arrived third, the Rabbit fourth, and the Dragon fifth.[web:12]

    HSK2+ 重点词汇 | Key HSK2+ Words

    • 老虎 lǎohǔ – tiger
    • 兔子 tùzi – rabbit
    • lóng – dragon
    • 比赛 bǐsài – race

    语法要点 | Grammar

    • 但是… (but contrast)[web:12]
    • 就… (then/immediately)
    • 所以… (therefore)
    // Tab functionality 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’); }); }); });
  • CN2 – tiger etc.

    body { font-family: ‘Noto Sans SC’, Arial, sans-serif; margin: 0; padding: 0; background-color: #fdfdfd; } .container { max-width: 900px; margin: 20px auto; padding: 0 15px; } .story-block { background-color: #fffde7; padding: 20px; border-radius: 10px; box-shadow: 0 2px 6px rgba(0,0,0,0.1); margin-bottom: 20px; line-height: 1.6; } .tab-group { margin: 20px 0; } .tab-buttons { display: flex; justify-content: space-around; margin-bottom: 10px; flex-wrap: wrap; gap: 8px; } .tab-buttons button { padding: 10px 20px; cursor: pointer; background-color: #ffe082; border: none; border-radius: 5px; font-weight: bold; transition: background-color 0.3s; } .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); margin-bottom: 20px; } .tab-content.active { display: block; } h2 { margin-top: 0; color: #2e7d32; } h3 { color: #2e7d32; margin: 20px 0 10px 0; } ul { padding-left: 20px; } li { margin-bottom: 6px; } strong { color: #2e7d32; } /* HANZI tooltips: pinyin + English */ .hanzi { position: relative; cursor: help; color: #d32f2f; font-weight: bold; border-bottom: 2px dotted #d32f2f; padding: 0 2px; margin: 0 1px; } .hanzi-tooltip { position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); background: linear-gradient(135deg, #333, #555); color: #fff; padding: 10px 12px; border-radius: 8px; font-size: 13px; line-height: 1.4; white-space: nowrap; z-index: 20; opacity: 0; visibility: hidden; transition: all 0.2s ease; box-shadow: 0 4px 12px rgba(0,0,0,0.3); min-width: 140px; } .hanzi:hover .hanzi-tooltip, .hanzi:focus .hanzi-tooltip { opacity: 1; visibility: visible; } .hanzi-tooltip::after { content: ”; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); border: 8px solid transparent; border-top-color: #333; } .hanzi-tooltip .pinyin { color: #ffeb3b; font-weight: bold; margin: 0 0 2px 0; } .hanzi-tooltip .english { color: #c8e6c9; margin: 0; font-size: 12px; }

    老虎、兔子与龙的大赛故事 | Tiger, Rabbit & Dragon Race Story


    老虎lǎohǔtiger兔子tùzirabbitlóngdragon的故事

    很久以前hěn jiǔ yǐqiánlong ago,在大比赛dà bǐsàigreat race中,老虎lǎohǔtiger有力地游过yóu guòswim across冷浪lěng làngcold waves
    大声dà shēngloudly吼叫hǒu jiàoroar显示xiǎnshìshow他的力量lìliàngstrength
    但是riverkuānwide,他游到一半yóu dào yībànhalfway累了lèi legot tired

    兔子tùzirabbit浮木fúmùfloating logs石头shítoustones紧张地jǐnzhāng denervously跳来跳去tiào lái tiào qùhopped
    小而温柔xiǎo ér wēnróusmall and gentle,但很聪明cōngmíngclever

    大浪dà làngbig wave差点把他冲走bǎ tā chōng zǒusweep away,这时大龙dà lóngmighty dragon头顶tóudǐngoverhead飞过fēi guòflew
    善良的shànliáng dekindlóngdragon看到兔子tùzirabbit危险wēixiǎndanger
    吹风chuī fēngbreathed wind推浮木tuī fúmùpush logs往前,帮助bāngzhùhelp兔子tùzirabbit安全到达ānquán dàodáreach safety

    后来hòuláilaterlóngdragon玉皇大帝Yù Huáng DàdìJade Emperor说他还帮村民下雨bāng cūnmín xiàyǔbring rain to village
    所以老虎第三lǎohǔ dì sānTiger third兔子第四tùzi dì sìRabbit fourth龙第五lóng dì wǔDragon fifth。[web:12]

    Tiger, Rabbit, Dragon

    Long ago during the great race, the Tiger swam powerfully through the cold waves.
    He roared loudly to show his strength, but the river was wide, and he grew tired halfway.

    Nearby, the Rabbit hopped nervously on floating logs and stones.
    He was small and gentle but clever.

    A big wave almost swept him away when suddenly, a mighty Dragon flew overhead.
    The kind Dragon saw the Rabbit’s danger and breathed wind to push the logs forward, helping the Rabbit reach safety.

    Later, the Dragon explained to the Jade Emperor that he had also stopped to bring rain to dry village fields.
    That’s why the Tiger arrived third, the Rabbit fourth, and the Dragon fifth, showing that strength, cleverness, and kindness all matter.[web:12]

    故事词汇 | Story Vocabulary

    • 老虎lǎohǔtiger – Tiger
    • 兔子tùzirabbit – Rabbit
    • lóngdragon – Dragon
    • 比赛bǐsàirace/competition – Race
    • river – River
    • 危险wēixiǎndanger – Danger
    • 帮助bāngzhùhelp – Help
    • 善良shànliángkind – Kind
    • 玉皇大帝Yù Huáng DàdìJade Emperor – Jade Emperor

    语法要点 | Grammar Points

    • 时间状语: 很久以前,大比赛中 – Time expressions[web:12]
    • 转折结构: 但是河很宽 – “But” contrast
    • 结果状语: 就累了,帮助兔子安全到达 – Results of actions
    • 原因说明: 所以老虎第三 – “That’s why” explanation

    实用表达 | Useful Expressions

    • 游到一半就累了 – Got tired halfway
    • 差点把他冲走 – Almost swept him away
    • 吹风推浮木 – Breathed wind to push logs
    • 老虎第三,兔子第四 – Tiger 3rd, Rabbit 4th

    中国文化 | Chinese Culture

    • 十二生肖比赛传说 – Legend of 12 zodiac race[web:12]
    • 龙象征力量与善良 – Dragon = power + kindness
    • 动物排名决定年份顺序 – Race order = zodiac calendar
    • 玉皇大帝是中国神话皇帝 – Jade Emperor = Chinese god-king

    Audio

    (Add audio player here for Chinese story)

    填空练习 | Fill in the Blanks

    1. 很久以前,在______比赛中,老虎有力地游过冷浪。(大)
    2. 兔子在浮木和______上紧张地跳来跳去。(石头)
    3. 善良的龙看到兔子的______。(危险)
    4. 龙对______大帝说他还帮村民下雨。(玉皇)

    10个问题 | 10 Questions

    1. 谁第一个感到累?为什么?
    2. 兔子为什么需要帮助?
    3. 龙怎么帮助兔子?
    4. 龙为什么没有得第一名?
    5. 最后名次是什么?

    复述故事 | Retell the Story

    用5-6句话复述这个故事。用自己的话讲!

    选择题 | Multiple Choice

    1. 老虎第几名?A.第一 B.第三 C.第五
    2. 谁帮助了兔子?A.老虎 B.龙 C.牛
    // Initialize tabs for ALL tab groups independently 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’); const targetTab = button.dataset.tab; document.getElementById(targetTab).classList.add(‘active’); }); }); });
  • cn using b1 template

    body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #fdfdfd; } .container { max-width: 900px; margin: 20px auto; padding: 0 15px; } .story-block { background-color: #fffde7; padding: 20px; border-radius: 10px; box-shadow: 0 2px 6px rgba(0,0,0,0.1); margin-bottom: 20px; line-height: 1.6; } .tab-group { margin: 20px 0; } .tab-buttons { display: flex; justify-content: space-around; margin-bottom: 10px; flex-wrap: wrap; gap: 8px; } .tab-buttons button { padding: 10px 20px; cursor: pointer; background-color: #ffe082; border: none; border-radius: 5px; font-weight: bold; transition: background-color 0.3s; } .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); margin-bottom: 20px; } .tab-content.active { display: block; } h2 { margin-top: 0; color: #2e7d32; } h3 { color: #2e7d32; margin: 20px 0 10px 0; } ul { padding-left: 20px; } li { margin-bottom: 6px; } strong { color: #2e7d32; } /* generic vocab tooltip (for PT/EN if you want later) */ .vocab-tooltip { border-bottom: 1px dotted #333; position: relative; cursor: help; } .vocab-tooltip:hover::after { content: attr(data-tooltip); position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); background: #333; color: white; padding: 5px 10px; border-radius: 4px; font-size: 12px; white-space: nowrap; z-index: 10; } /* HANZI tooltips: pinyin + English */ .hanzi { position: relative; cursor: help; color: #d32f2f; font-weight: bold; border-bottom: 2px dotted #d32f2f; padding: 0 2px; margin: 0 1px; } .hanzi-tooltip { position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); background: #333; color: #fff; padding: 8px 10px; border-radius: 6px; font-size: 12px; line-height: 1.4; white-space: nowrap; z-index: 20; opacity: 0; visibility: hidden; transition: all 0.2s ease; } .hanzi:hover .hanzi-tooltip, .hanzi:focus .hanzi-tooltip { opacity: 1; visibility: visible; } .hanzi-tooltip::after { content: ”; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); border: 6px solid transparent; border-top-color: #333; } .hanzi-tooltip p { margin: 2px 0; } .hanzi-tooltip .pinyin { color: #ffeb3b; font-weight: bold; } .hanzi-tooltip .english { color: #c8e6c9; }

    Tiger, Rabbit and Dragon in the Great Race


    Tigre, Coelho e Dragão na Grande Corrida

    Em um tempo muito antigo, durante a grande corrida do zodíaco chinês, o tigre nadava com força nas ondas frias.
    Ele rugia alto para mostrar sua força, mas o rio era largo e ele começou a ficar cansado no meio do caminho.

    Perto dali, o coelho pulava nervoso em toras de madeira e pedras flutuantes.
    Ele era pequeno e delicado, mas muito esperto.

    Uma grande onda quase levou o coelho embora, quando, de repente, um dragão enorme voou sobre o rio.
    O dragão bondoso viu o perigo do coelho e soprou vento para empurrar a madeira para frente, ajudando o coelho a chegar em segurança à outra margem.

    Mais tarde, o dragão explicou ao Imperador de Jade que também tinha parado para levar chuva aos campos secos de uma aldeia.
    Por isso, o tigre chegou em terceiro lugar, o coelho em quarto, e o dragão em quinto, mostrando que coragem, inteligência e bondade podem andar juntas.

    Tiger, Rabbit, Dragon

    Long ago during the great race, the Tiger swam powerfully through the cold waves.
    He roared loudly to show his strength, but the river was wide, and he grew tired halfway.

    Nearby, the Rabbit hopped nervously on floating logs and stones.
    He was small and gentle but clever.

    A big wave almost swept him away when suddenly, a mighty Dragon flew overhead.
    The kind Dragon saw the Rabbit’s danger and breathed wind to push the logs forward, helping the Rabbit reach safety.

    Later, the Dragon explained to the Jade Emperor that he had also stopped to bring rain to dry village fields.
    That is why the Tiger arrived third, the Rabbit fourth, and the Dragon fifth, showing that strength, cleverness, and kindness all matter.

    Vocabulário da História

    • 老虎

      lǎohǔ

      tiger

      – tigre
    • 兔子

      tùzi

      rabbit

      – coelho
    • lóng

      dragon

      – dragão
    • 比赛

      bǐsài

      race; competition

      – corrida, competição
    • river

      – rio
    • 危险

      wēixiǎn

      danger

      – perigo
    • 帮助

      bāngzhù

      to help

      – ajudar
    • 玉皇大帝

      Yù Huáng Dàdì

      Jade Emperor

      – Imperador de Jade
    • 第三名

      dì sān míng

      third place

      – terceiro lugar
    • 善良

      shànliáng

      kind; kind-hearted

      – bondoso

    Gramática

    • Uso de passado simples em inglês para contar histórias: swam, roared, flew, helped.
    • Conjunções de causa e efeito: because, so, that is why.
    • Em português, uso do pretérito perfeito: nadava, viu, ajudou, explicou.

    Expressões Informais

    • “grande corrida do zodíaco” – maneira simples de falar da lenda da corrida.
    • “quase levou o coelho embora” – expressão para perigo muito perto.
    • “chegar em terceiro lugar” – forma comum de falar de posição em competição.

    Dicas Culturais

    • A história faz parte da lenda da escolha dos 12 animais do zodíaco chinês.
    • O dragão, na cultura chinesa, é símbolo de poder, mas também de bondade e proteção.
    • Os lugares dos animais na corrida influenciam a ordem dos anos do calendário chinês.

    Áudio

    (adicione aqui o link ou o player de áudio da história)

    Preencher as Lacunas

    (crie frases com espaços em branco usando tigre, coelho, dragão, corrida, rio, ajudar, etc.)

    10 Perguntas

    (perguntas de compreensão sobre quem ajudou quem, quem chegou em que lugar, etc.)

    Recontar a História

    (instruções para o aluno recontar a história em 5–6 frases)

    Múltipla Escolha

    (questões de múltipla escolha sobre detalhes da história)
    // Initialize tabs for ALL tab groups independently – ONE ACTIVE PER GROUP document.querySelectorAll(‘.tab-group’).forEach(group => { const buttons = group.querySelectorAll(‘.tab-btn’); const contents = group.querySelectorAll(‘.tab-content’); buttons.forEach(button => { button.addEventListener(‘click’, () => { // Remove active class from ALL buttons and contents in THIS GROUP ONLY buttons.forEach(btn => btn.classList.remove(‘active’)); contents.forEach(content => content.classList.remove(‘active’)); // Activate ONLY the clicked button and its tab content button.classList.add(‘active’); const targetTab = button.dataset.tab; document.getElementById(targetTab).classList.add(‘active’); }); }); });
  • cn story with tooltip

    一周镇广场购物故事 | One Week Town Square Shopping Stories body { font-family: ‘Noto Sans SC’, Arial, sans-serif; margin: 0; padding: 0; background-color: #fdfdfd; } header { background-color: #ffeb3b; padding: 20px 0; text-align: center; } header h1 { margin: 0; font-size: 2.2em; color: #2e7d32; font-weight: bold; } .container { max-width: 900px; margin: 20px auto; padding: 0 15px; } .story-block { background-color: #fffde7; padding: 20px; border-radius: 10px; box-shadow: 0 2px 6px rgba(0,0,0,0.1); margin-bottom: 20px; line-height: 1.6; } .tabs { margin: 20px 0; } .tab-buttons { display: flex; justify-content: space-around; margin-bottom: 10px; flex-wrap: wrap; gap: 8px; } .tab-buttons button { padding: 10px 20px; cursor: pointer; background-color: #ffe082; border: none; border-radius: 5px; font-weight: bold; transition: background-color 0.3s; } .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 { margin-top: 0; color: #2e7d32; } h3 { color: #388e3c; margin-top: 20px; } ul { padding-left: 20px; } li { margin-bottom: 6px; } strong { color: #2e7d32; } .day-title { color: #1976d2; font-size: 1.3em; margin-bottom: 10px; } /* 新增:中文悬停词典弹窗样式 */ .chinese-word { position: relative; cursor: help; color: #d32f2f; font-weight: bold; border-bottom: 2px dotted #d32f2f; padding: 0 2px; margin: 0 1px; } .dictionary-tooltip { position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); background: linear-gradient(135deg, #fff3e0, #ffe0b2); color: #333; padding: 12px; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); font-size: 14px; line-height: 1.4; white-space: nowrap; z-index: 1000; min-width: 180px; border: 2px solid #ff9800; opacity: 0; visibility: hidden; transition: all 0.2s ease; pointer-events: none; } .chinese-word:hover .dictionary-tooltip, .chinese-word:focus .dictionary-tooltip { opacity: 1; visibility: visible; } .dictionary-tooltip::after { content: ”; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); border: 6px solid transparent; border-top-color: #ff9800; } .tooltip-header { font-weight: bold; color: #e65100; margin-bottom: 4px; font-size: 15px; } .tooltip-pinyin { color: #1976d2; font-size: 13px; margin-bottom: 2px; } .tooltip-english { color: #2e7d32; }

    镇广场一周购物故事 | One Week Town Square Shopping

    周一 – 超市 | Monday – Supermarket
    周一早上,安娜
    安娜
    Ānnà
    Anna (name)
    镇广场
    镇广场
    zhèn guǎngchǎng
    town square
    超市
    超市
    chāoshì
    supermarket

    她推着小购物车
    购物车
    gòuwùchē
    shopping cart
    ,在货架间慢慢走。
    她买了大米
    大米
    dàmǐ
    rice
    牛奶
    牛奶
    niúnǎi
    milk
    鸡蛋
    鸡蛋
    jīdàn
    eggs
    和一些苹果
    苹果
    píngguǒ
    apples

    收银台
    收银台
    shōuyīngtái
    checkout counter
    ,收银员微笑说:“祝你愉快!”
    安娜提着沉重的袋子回家,觉得厨房满了很开心。

    周二 – 面包店 | Tuesday – Bakery
    周二,天冷还有点
    fēng
    wind

    安娜走到广场角落的面包店
    面包店
    miànbāodiàn
    bakery

    新鲜面包
    面包
    miànbāo
    bread
    和甜蛋糕的香味很温暖。
    她买了一个大棕面包
    面包
    miànbāo
    bread
    、两个小面包卷和一块苹果派
    苹果派
    píngguǒpài
    apple pie

    外面,她坐在长椅
    长椅
    chángyǐ
    bench
    上,慢慢吃苹果派,看人走过。

    周三 – 书店 | Wednesday – Bookstore
    周三下午,安娜早早下班
    下班
    xiàbān
    finish work

    她去广场喷泉
    喷泉
    pēngquán
    fountain
    附近的小书店
    书店
    shūdiàn
    bookstore

    里面很安静,能听到轻音乐和翻书声。
    她看旅行书
    旅行书
    lǚxíngshū
    travel books
    、烹饪书和简单英语故事书架。
    她买了一本短故事书,想每晚读一个故事。

    周四 – 水果摊 | Thursday – Fruit Stall
    周四,广场中间开了市场
    市场
    shìchǎng
    market

    安娜去一个色彩鲜艳的水果蔬菜摊
    水果蔬菜摊
    shuǐguǒ shūcài tān
    fruit & vegetable stall

    她看到红西红柿
    西红柿
    xīhóngshì
    tomatoes
    、绿黄瓜、黄香蕉和亮橙子。
    她问老摊主:“今天哪些苹果甜?”
    她买了新鲜胡萝卜
    胡萝卜
    húluóbo
    carrots
    、生菜和橙子,计划做大沙拉。

    周五 – 杂货店 | Friday – Grocery Shop
    周五晚上,安娜想起没有
    chá
    tea
    和糖。
    超市要关门,她快步去小杂货店
    杂货店
    záhuòdiàn
    grocery shop

    店窄但什么都有:香料
    香料
    xiāngliào
    spices
    、零食和饮料。
    她买了茶、糖和小块巧克力
    巧克力
    qiǎokèlì
    chocolate
    当周末奖励。
    回家,她泡热茶,吃巧克力,觉得一周忙但好。


    故事词汇 | Story Vocabulary

    📦 超市购物 | Supermarket

    • 超市 (chāoshì): supermarket
    • 购物车 (gòuwùchē): shopping cart
    • 收银台 (shōuyīngtái): checkout counter
    • 大米 (dàmǐ): rice

    🥖 面包店 | Bakery

    • 面包店 (miànbāodiàn): bakery
    • 面包 (miànbāo): bread
    • 苹果派 (píngguǒpài): apple pie
    • 长椅 (chángyǐ): bench

    📚 书店 | Bookstore

    • 书店 (shūdiàn): bookstore
    • 喷泉 (pēngquán): fountain
    • 旅行书 (lǚxíngshū): travel books

    🍎 水果摊 | Fruit Stall

    • 市场 (shìchǎng): market
    • 西红柿 (xīhóngshì): tomatoes
    • 胡萝卜 (húluóbo): carrots

    🛒 杂货店 | Grocery

    • 杂货店 (záhuòdiàn): grocery shop
    • 香料 (xiāngliào): spices
    • 巧克力 (qiǎokèlì): chocolate

    语法要点 | Grammar Points

    • 时间 + 地点: “周一早上,镇广场的超市” – When + Where
    • 动词 + 结果: “推着购物车,慢慢走” – Action + Manner
    • 买 + 物品列表: “买了大米、牛奶、鸡蛋” – Buy + items
    • 觉得 + 感受: “觉得厨房满了很开心” – Feel + emotion
    • 问句结构: “今天哪些苹果甜?” – Which + quality?

    实用购物表达 | Practical Shopping Phrases

    • “祝你愉快!”: Have a nice day! (收银员用)
    • “今天哪些苹果甜?”: Which apples are sweet today?
    • “计划做大沙拉”: Plan to make a big salad
    • “当周末奖励”: As a weekend treat/reward
    • “一周忙但好”: Busy week but good

    欧洲小镇购物文化 | European Town Shopping Culture

    • 镇广场: 欧洲小镇中心,集市和商店聚集地
    • 每日面包: 欧洲人每天去面包店买新鲜面包
    • 季节市场: 周四市场卖当季新鲜蔬果
    • 小杂货店: 提供紧急购物,营业到晚
    • 广场长椅: 购物后休息聊天的地方
    • 本地对话: 和摊主聊天选最新鲜货物
    // 原有的标签页功能 const buttons = document.querySelectorAll(‘.tab-btn’); const contents = document.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’); }); }); // 新增:支持键盘访问悬停词典(Tab键) document.querySelectorAll(‘.chinese-word’).forEach(word => { word.addEventListener(‘focus’, () => { word.classList.add(‘hover-active’); }); word.addEventListener(‘blur’, () => { word.classList.remove(‘hover-active’); }); });
  • CN story

    一周镇广场购物故事 | One Week Town Square Shopping Stories body { font-family: ‘Noto Sans SC’, Arial, sans-serif; margin: 0; padding: 0; background-color: #fdfdfd; } header { background-color: #ffeb3b; padding: 20px 0; text-align: center; } header h1 { margin: 0; font-size: 2.2em; color: #2e7d32; font-weight: bold; } .container { max-width: 900px; margin: 20px auto; padding: 0 15px; } .story-block { background-color: #fffde7; padding: 20px; border-radius: 10px; box-shadow: 0 2px 6px rgba(0,0,0,0.1); margin-bottom: 20px; line-height: 1.6; } .tabs { margin: 20px 0; } .tab-buttons { display: flex; justify-content: space-around; margin-bottom: 10px; flex-wrap: wrap; gap: 8px; } .tab-buttons button { padding: 10px 20px; cursor: pointer; background-color: #ffe082; border: none; border-radius: 5px; font-weight: bold; transition: background-color 0.3s; } .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 { margin-top: 0; color: #2e7d32; } h3 { color: #388e3c; margin-top: 20px; } ul { padding-left: 20px; } li { margin-bottom: 6px; } strong { color: #2e7d32; } .day-title { color: #1976d2; font-size: 1.3em; margin-bottom: 10px; }

    镇广场一周购物故事 | One Week Town Square Shopping

    周一 – 超市 | Monday – Supermarket
    周一早上,安娜去镇广场的超市
    她推着小购物车,在货架间慢慢走。
    她买了大米、牛奶、鸡蛋和一些苹果。
    收银台,收银员微笑说:“祝你愉快!”
    安娜提着沉重的袋子回家,觉得厨房满了很开心。

    周二 – 面包店 | Tuesday – Bakery
    周二,天冷还有点
    安娜走到广场角落的面包店
    新鲜面包和甜蛋糕的香味很温暖。
    她买了一个大棕面包、两个小面包卷和一块苹果派
    外面,她坐在长椅上,慢慢吃苹果派,看人走过。

    周三 – 书店 | Wednesday – Bookstore
    周三下午,安娜早早下班
    她去广场喷泉附近的小书店
    里面很安静,能听到轻音乐和翻书声。
    她看旅行书、烹饪书和简单英语故事书架。
    她买了一本短故事书,想每晚读一个故事。

    周四 – 水果摊 | Thursday – Fruit Stall
    周四,广场中间开了市场
    安娜去一个色彩鲜艳的水果蔬菜摊
    她看到红西红柿、绿黄瓜、黄香蕉和亮橙子。
    她问老摊主:“今天哪些苹果甜?”
    她买了新鲜胡萝卜、生菜和橙子,计划做大沙拉。

    周五 – 杂货店 | Friday – Grocery Shop
    周五晚上,安娜想起没有和糖。
    超市要关门,她快步去小杂货店
    店窄但什么都有:香料、零食和饮料。
    她买了茶、糖和小块巧克力当周末奖励。
    回家,她泡热茶,吃巧克力,觉得一周忙但好。


    故事词汇 | Story Vocabulary

    📦 超市购物 | Supermarket

    • 超市 (chāoshì): supermarket
    • 购物车 (gòuwùchē): shopping cart
    • 收银台 (shōuyīngtái): checkout counter
    • 大米 (dàmǐ): rice

    🥖 面包店 | Bakery

    • 面包店 (miànbāodiàn): bakery
    • 面包 (miànbāo): bread
    • 苹果派 (píngguǒpài): apple pie
    • 长椅 (chángyǐ): bench

    📚 书店 | Bookstore

    • 书店 (shūdiàn): bookstore
    • 喷泉 (pēngquán): fountain
    • 旅行书 (lǚxíngshū): travel books

    🍎 水果摊 | Fruit Stall

    • 市场 (shìchǎng): market
    • 西红柿 (xīhóngshì): tomatoes
    • 胡萝卜 (húluóbo): carrots

    🛒 杂货店 | Grocery

    • 杂货店 (záhuòdiàn): grocery shop
    • 香料 (xiāngliào): spices
    • 巧克力 (qiǎokèlì): chocolate

    语法要点 | Grammar Points

    • 时间 + 地点: “周一早上,镇广场的超市” – When + Where
    • 动词 + 结果: “推着购物车,慢慢走” – Action + Manner
    • 买 + 物品列表: “买了大米、牛奶、鸡蛋” – Buy + items
    • 觉得 + 感受: “觉得厨房满了很开心” – Feel + emotion
    • 问句结构: “今天哪些苹果甜?” – Which + quality?

    实用购物表达 | Practical Shopping Phrases

    • “祝你愉快!”: Have a nice day! (收银员用)
    • “今天哪些苹果甜?”: Which apples are sweet today?
    • “计划做大沙拉”: Plan to make a big salad
    • “当周末奖励”: As a weekend treat/reward
    • “一周忙但好”: Busy week but good

    欧洲小镇购物文化 | European Town Shopping Culture

    • 镇广场: 欧洲小镇中心,集市和商店聚集地
    • 每日面包: 欧洲人每天去面包店买新鲜面包
    • 季节市场: 周四市场卖当季新鲜蔬果
    • 小杂货店: 提供紧急购物,营业到晚
    • 广场长椅: 购物后休息聊天的地方
    • 本地对话: 和摊主聊天选最新鲜货物
    const buttons = document.querySelectorAll(‘.tab-btn’); const contents = document.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’); }); });