diff --git a/app/static/js/highlight.js b/app/static/js/highlight.js
index d2c37a8..c239eaa 100644
--- a/app/static/js/highlight.js
+++ b/app/static/js/highlight.js
@@ -114,12 +114,12 @@ function showWordMeaning(event) {
                 return;
             }
 
-
-
             tooltip.textContent = data.translation || '没有找到该单词的中文意思';
             tooltip.style.left = `${tooltipX}px`;
             tooltip.style.top = `${tooltipY}px`;
             tooltip.style.display = 'block';
+	    tooltip.style.position = 'absolute';
+	    tooltip.style.background = 'yellow';
 
             // 可以在这里添加点击事件监听器来隐藏tooltip，但注意避免内存泄漏
             document.addEventListener('click', function handler(e) {
@@ -141,4 +141,4 @@ function addClickEventToHighlightedWords() {
     });
 }
 
-showBtnHandler();
\ No newline at end of file
+showBtnHandler();
diff --git a/app/templates/userpage_get.html b/app/templates/userpage_get.html
index 8daa344..60598df 100644
--- a/app/templates/userpage_get.html
+++ b/app/templates/userpage_get.html
@@ -107,6 +107,7 @@
                 <button onclick="toggle_visibility('answer');">ANSWER</button>
                 <div id="answer" style="display:none;">{{ today_article['answer'] }}</div><br/>
             </div>
+	    <div id="tooltip"></div>
         </div>
         <div class="alert alert-success" role="alert" id="not_found" style="display:none;">
             <p class="text-muted"><span class="badge bg-success">Notes:</span><br>No article is currently available for you. You can try again a few times or mark new words in the passage to improve your level.</p>
diff --git a/requirements.txt b/requirements.txt
index 4b81c20..07c99c8 100644
--- a/requirements.txt
+++ b/requirements.txt
@@ -4,5 +4,5 @@ PyYAML~=6.0
 pony==0.7.16
 snowballstemmer==2.2.0
 Werkzeug==2.2.2
-
-pytest~=8.1.1
\ No newline at end of file
+requests
+pytest~=8.1.1