diff --git a/build/epub/book.epub b/build/epub/book.epub
index a9c20d5..2448f6e 100644
Binary files a/build/epub/book.epub and b/build/epub/book.epub differ
diff --git a/build/html/book.html b/build/html/book.html
index ddc0634..1d6adb8 100644
--- a/build/html/book.html
+++ b/build/html/book.html
@@ -178,7 +178,6 @@
 <li><a href="#example-scrolling-background">Example: Scrolling background</a></li>
 <li><a href="#part-1-background-animation">Part 1: Background animation</a></li>
 <li><a href="#part-2-adding-the-hover-transition">Part 2: Adding the hover transition</a></li>
-<li><a href="#adding-a-message">Adding a message</a></li>
 <li><a href="#summary-1">Summary</a></li>
 <li><a href="#homework-13">Homework</a></li>
 </ul></li>
@@ -1006,7 +1005,7 @@ <h2 id="part-2-adding-the-hover-transition">Part 2: Adding the hover transition<
 }</code></pre>
 <p>上述代码表示当光标悬停在动画上时，它将暂停。当光标再次移开时，它将恢复其默认的 <code>playing</code> 状态。</p>
 <p>您也可以使用 JavaScript 实现此目的。一种可能性是当用户与页面的另一部分交互时，或者当它们滚动时，让一些 JavaScript 禁用动画。我们将看一下如何在以后滚动时启用动画。</p>
-<h2 id="adding-a-message">Adding a message</h2>
+<h3 id="adding-a-message">Adding a message</h3>
 <p>当用户将鼠标悬停在元素上时，我们可以使用 transition 来显示消息。要做到这一点，我们需要更多的 HTML：</p>
 <pre><code>&lt;div class=&quot;screen&quot;&gt;
   &lt;div class=&quot;message&quot;&gt;Hover message!&lt;/div&gt;
diff --git a/chapters/04/01.md b/chapters/04/01.md
index c810a3e..148c41d 100644
--- a/chapters/04/01.md
+++ b/chapters/04/01.md
@@ -92,7 +92,7 @@
 
 您也可以使用 JavaScript 实现此目的。一种可能性是当用户与页面的另一部分交互时，或者当它们滚动时，让一些 JavaScript 禁用动画。我们将看一下如何在以后滚动时启用动画。
 
-## Adding a message
+### Adding a message
 
 当用户将鼠标悬停在元素上时，我们可以使用 transition 来显示消息。要做到这一点，我们需要更多的 HTML：
 
diff --git a/docs/index.html b/docs/index.html
index ddc0634..1d6adb8 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -178,7 +178,6 @@
 <li><a href="#example-scrolling-background">Example: Scrolling background</a></li>
 <li><a href="#part-1-background-animation">Part 1: Background animation</a></li>
 <li><a href="#part-2-adding-the-hover-transition">Part 2: Adding the hover transition</a></li>
-<li><a href="#adding-a-message">Adding a message</a></li>
 <li><a href="#summary-1">Summary</a></li>
 <li><a href="#homework-13">Homework</a></li>
 </ul></li>
@@ -1006,7 +1005,7 @@ <h2 id="part-2-adding-the-hover-transition">Part 2: Adding the hover transition<
 }</code></pre>
 <p>上述代码表示当光标悬停在动画上时，它将暂停。当光标再次移开时，它将恢复其默认的 <code>playing</code> 状态。</p>
 <p>您也可以使用 JavaScript 实现此目的。一种可能性是当用户与页面的另一部分交互时，或者当它们滚动时，让一些 JavaScript 禁用动画。我们将看一下如何在以后滚动时启用动画。</p>
-<h2 id="adding-a-message">Adding a message</h2>
+<h3 id="adding-a-message">Adding a message</h3>
 <p>当用户将鼠标悬停在元素上时，我们可以使用 transition 来显示消息。要做到这一点，我们需要更多的 HTML：</p>
 <pre><code>&lt;div class=&quot;screen&quot;&gt;
   &lt;div class=&quot;message&quot;&gt;Hover message!&lt;/div&gt;