From 17683b6d80980deebdb1843505b11b223808ff09 Mon Sep 17 00:00:00 2001
From: Ember <emberlqr@gmail.com>
Date: Mon, 17 Jun 2024 01:55:53 +0800
Subject: [PATCH] fix qrcode

---
 404.html                             | 48 ++++++++++++++++++++++++++++
 categories/index.html                | 48 ++++++++++++++++++++++++++++
 css/custom.css                       | 43 -------------------------
 index.html                           | 48 ++++++++++++++++++++++++++++
 rapidlinks/快速链接/index.html       | 48 ++++++++++++++++++++++++++++
 ratings/index.html                   | 48 ++++++++++++++++++++++++++++
 resources/c语言/index.html           | 48 ++++++++++++++++++++++++++++
 resources/index.html                 | 48 ++++++++++++++++++++++++++++
 resources/page/2/index.html          | 48 ++++++++++++++++++++++++++++
 resources/protocol/index.html        | 48 ++++++++++++++++++++++++++++
 resources/大化/index.html            | 48 ++++++++++++++++++++++++++++
 resources/大物活页/index.html        | 48 ++++++++++++++++++++++++++++
 resources/孙子兵法/index.html        | 48 ++++++++++++++++++++++++++++
 resources/工图习题/index.html        | 48 ++++++++++++++++++++++++++++
 resources/数值分析/index.html        | 48 ++++++++++++++++++++++++++++
 resources/新通用教师用书1/index.html | 48 ++++++++++++++++++++++++++++
 resources/概率论/index.html          | 48 ++++++++++++++++++++++++++++
 resources/概率论习题/index.html      | 48 ++++++++++++++++++++++++++++
 resources/毛概复习指南/index.html    | 48 ++++++++++++++++++++++++++++
 resources/画法几何ppt/index.html     | 48 ++++++++++++++++++++++++++++
 resources/线性代数/index.html        | 48 ++++++++++++++++++++++++++++
 resources/食品安全/index.html        | 48 ++++++++++++++++++++++++++++
 resources/高数/index.html            | 48 ++++++++++++++++++++++++++++
 resources/高数习题/index.html        | 48 ++++++++++++++++++++++++++++
 search/index.html                    | 48 ++++++++++++++++++++++++++++
 tags/index.html                      | 48 ++++++++++++++++++++++++++++
 26 files changed, 1200 insertions(+), 43 deletions(-)

diff --git a/404.html b/404.html
index adf06e5..9073cbf 100644
--- a/404.html
+++ b/404.html
@@ -175,6 +175,54 @@
     </svg>
 </a>
     
+<style>
+    #ember-container {
+    position: relative;
+    display: inline-block;
+    cursor: pointer;
+}
+
+#qr-code {
+    position: absolute;
+    bottom: 100%;
+    left: 50%;
+    transform: translateX(-50%);
+    padding: 10px;
+    background-color: #fff;
+    border: 1px solid #ccc;
+    border-radius: 10px;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+    width: 200px;
+    height: 220px;  
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    opacity: 0;
+    visibility: hidden;
+    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
+}
+
+.qr-text {
+    margin-bottom: 1.5px;  
+    color: #333;  
+    font-size: 14px;  
+    text-align: center;  
+}
+
+#qr-code img {
+    max-width: 100%;
+    max-height: 100%;
+    border-radius: 10px;
+}
+
+#ember-container:hover #qr-code,
+#ember-container:focus #qr-code {
+    opacity: 1;
+    visibility: visible;
+}
+</style>
+
+
 <script>
     let menu = document.getElementById('menu')
     if (menu) {
diff --git a/categories/index.html b/categories/index.html
index 4ca461a..5f7bd40 100644
--- a/categories/index.html
+++ b/categories/index.html
@@ -181,6 +181,54 @@
     </svg>
 </a>
     
+<style>
+    #ember-container {
+    position: relative;
+    display: inline-block;
+    cursor: pointer;
+}
+
+#qr-code {
+    position: absolute;
+    bottom: 100%;
+    left: 50%;
+    transform: translateX(-50%);
+    padding: 10px;
+    background-color: #fff;
+    border: 1px solid #ccc;
+    border-radius: 10px;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+    width: 200px;
+    height: 220px;  
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    opacity: 0;
+    visibility: hidden;
+    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
+}
+
+.qr-text {
+    margin-bottom: 1.5px;  
+    color: #333;  
+    font-size: 14px;  
+    text-align: center;  
+}
+
+#qr-code img {
+    max-width: 100%;
+    max-height: 100%;
+    border-radius: 10px;
+}
+
+#ember-container:hover #qr-code,
+#ember-container:focus #qr-code {
+    opacity: 1;
+    visibility: visible;
+}
+</style>
+
+
 <script>
     let menu = document.getElementById('menu')
     if (menu) {
diff --git a/css/custom.css b/css/custom.css
index f2de2cc..36f4d54 100644
--- a/css/custom.css
+++ b/css/custom.css
@@ -78,48 +78,5 @@
 }
 
 /* 样式文件 */
-#ember-container {
-    position: relative;
-    display: inline-block;
-    cursor: pointer;
-}
 
-#qr-code {
-    position: absolute;
-    bottom: 100%;
-    left: 50%;
-    transform: translateX(-50%);
-    padding: 10px;
-    background-color: #fff;
-    border: 1px solid #ccc;
-    border-radius: 10px;
-    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
-    width: 200px;
-    height: 220px; /* 调整为 auto 以适应内容 */
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    opacity: 0;
-    visibility: hidden;
-    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
-}
-
-.qr-text {
-    margin-bottom: 1.5px; /* 在文本和二维码之间添加一些间距 */
-    color: #333; /* 文本颜色 */
-    font-size: 14px; /* 文本大小 */
-    text-align: center; /* 确保文本居中 */
-}
-
-#qr-code img {
-    max-width: 100%;
-    max-height: 100%;
-    border-radius: 10px;
-}
-
-#ember-container:hover #qr-code,
-#ember-container:focus #qr-code {
-    opacity: 1;
-    visibility: visible;
-}
 
diff --git a/index.html b/index.html
index 9937519..63a4772 100644
--- a/index.html
+++ b/index.html
@@ -204,6 +204,54 @@
     </svg>
 </a>
     
+<style>
+    #ember-container {
+    position: relative;
+    display: inline-block;
+    cursor: pointer;
+}
+
+#qr-code {
+    position: absolute;
+    bottom: 100%;
+    left: 50%;
+    transform: translateX(-50%);
+    padding: 10px;
+    background-color: #fff;
+    border: 1px solid #ccc;
+    border-radius: 10px;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+    width: 200px;
+    height: 220px;  
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    opacity: 0;
+    visibility: hidden;
+    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
+}
+
+.qr-text {
+    margin-bottom: 1.5px;  
+    color: #333;  
+    font-size: 14px;  
+    text-align: center;  
+}
+
+#qr-code img {
+    max-width: 100%;
+    max-height: 100%;
+    border-radius: 10px;
+}
+
+#ember-container:hover #qr-code,
+#ember-container:focus #qr-code {
+    opacity: 1;
+    visibility: visible;
+}
+</style>
+
+
 <script>
     let menu = document.getElementById('menu')
     if (menu) {
diff --git a/rapidlinks/快速链接/index.html b/rapidlinks/快速链接/index.html
index c325fec..e1dc8f0 100644
--- a/rapidlinks/快速链接/index.html
+++ b/rapidlinks/快速链接/index.html
@@ -339,6 +339,54 @@
     </svg>
 </a>
     
+<style>
+    #ember-container {
+    position: relative;
+    display: inline-block;
+    cursor: pointer;
+}
+
+#qr-code {
+    position: absolute;
+    bottom: 100%;
+    left: 50%;
+    transform: translateX(-50%);
+    padding: 10px;
+    background-color: #fff;
+    border: 1px solid #ccc;
+    border-radius: 10px;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+    width: 200px;
+    height: 220px;  
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    opacity: 0;
+    visibility: hidden;
+    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
+}
+
+.qr-text {
+    margin-bottom: 1.5px;  
+    color: #333;  
+    font-size: 14px;  
+    text-align: center;  
+}
+
+#qr-code img {
+    max-width: 100%;
+    max-height: 100%;
+    border-radius: 10px;
+}
+
+#ember-container:hover #qr-code,
+#ember-container:focus #qr-code {
+    opacity: 1;
+    visibility: visible;
+}
+</style>
+
+
 <script>
     let menu = document.getElementById('menu')
     if (menu) {
diff --git a/ratings/index.html b/ratings/index.html
index 0a063c5..5947974 100644
--- a/ratings/index.html
+++ b/ratings/index.html
@@ -229,6 +229,54 @@
     </svg>
 </a>
     
+<style>
+    #ember-container {
+    position: relative;
+    display: inline-block;
+    cursor: pointer;
+}
+
+#qr-code {
+    position: absolute;
+    bottom: 100%;
+    left: 50%;
+    transform: translateX(-50%);
+    padding: 10px;
+    background-color: #fff;
+    border: 1px solid #ccc;
+    border-radius: 10px;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+    width: 200px;
+    height: 220px;  
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    opacity: 0;
+    visibility: hidden;
+    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
+}
+
+.qr-text {
+    margin-bottom: 1.5px;  
+    color: #333;  
+    font-size: 14px;  
+    text-align: center;  
+}
+
+#qr-code img {
+    max-width: 100%;
+    max-height: 100%;
+    border-radius: 10px;
+}
+
+#ember-container:hover #qr-code,
+#ember-container:focus #qr-code {
+    opacity: 1;
+    visibility: visible;
+}
+</style>
+
+
 <script>
     let menu = document.getElementById('menu')
     if (menu) {
diff --git a/resources/c语言/index.html b/resources/c语言/index.html
index 8c67725..0c1c647 100644
--- a/resources/c语言/index.html
+++ b/resources/c语言/index.html
@@ -340,6 +340,54 @@
     </svg>
 </a>
     
+<style>
+    #ember-container {
+    position: relative;
+    display: inline-block;
+    cursor: pointer;
+}
+
+#qr-code {
+    position: absolute;
+    bottom: 100%;
+    left: 50%;
+    transform: translateX(-50%);
+    padding: 10px;
+    background-color: #fff;
+    border: 1px solid #ccc;
+    border-radius: 10px;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+    width: 200px;
+    height: 220px;  
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    opacity: 0;
+    visibility: hidden;
+    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
+}
+
+.qr-text {
+    margin-bottom: 1.5px;  
+    color: #333;  
+    font-size: 14px;  
+    text-align: center;  
+}
+
+#qr-code img {
+    max-width: 100%;
+    max-height: 100%;
+    border-radius: 10px;
+}
+
+#ember-container:hover #qr-code,
+#ember-container:focus #qr-code {
+    opacity: 1;
+    visibility: visible;
+}
+</style>
+
+
 <script>
     let menu = document.getElementById('menu')
     if (menu) {
diff --git a/resources/index.html b/resources/index.html
index f88f4a2..c1ddae4 100644
--- a/resources/index.html
+++ b/resources/index.html
@@ -368,6 +368,54 @@ Edge或Chrome浏览器如果加载不出PDF预览，直接右键PDF区域选择
     </svg>
 </a>
     
+<style>
+    #ember-container {
+    position: relative;
+    display: inline-block;
+    cursor: pointer;
+}
+
+#qr-code {
+    position: absolute;
+    bottom: 100%;
+    left: 50%;
+    transform: translateX(-50%);
+    padding: 10px;
+    background-color: #fff;
+    border: 1px solid #ccc;
+    border-radius: 10px;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+    width: 200px;
+    height: 220px;  
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    opacity: 0;
+    visibility: hidden;
+    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
+}
+
+.qr-text {
+    margin-bottom: 1.5px;  
+    color: #333;  
+    font-size: 14px;  
+    text-align: center;  
+}
+
+#qr-code img {
+    max-width: 100%;
+    max-height: 100%;
+    border-radius: 10px;
+}
+
+#ember-container:hover #qr-code,
+#ember-container:focus #qr-code {
+    opacity: 1;
+    visibility: visible;
+}
+</style>
+
+
 <script>
     let menu = document.getElementById('menu')
     if (menu) {
diff --git a/resources/page/2/index.html b/resources/page/2/index.html
index c5ac140..568b9cf 100644
--- a/resources/page/2/index.html
+++ b/resources/page/2/index.html
@@ -340,6 +340,54 @@ Edge或Chrome浏览器如果加载不出PDF预览，直接右键PDF区域选择
     </svg>
 </a>
     
+<style>
+    #ember-container {
+    position: relative;
+    display: inline-block;
+    cursor: pointer;
+}
+
+#qr-code {
+    position: absolute;
+    bottom: 100%;
+    left: 50%;
+    transform: translateX(-50%);
+    padding: 10px;
+    background-color: #fff;
+    border: 1px solid #ccc;
+    border-radius: 10px;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+    width: 200px;
+    height: 220px;  
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    opacity: 0;
+    visibility: hidden;
+    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
+}
+
+.qr-text {
+    margin-bottom: 1.5px;  
+    color: #333;  
+    font-size: 14px;  
+    text-align: center;  
+}
+
+#qr-code img {
+    max-width: 100%;
+    max-height: 100%;
+    border-radius: 10px;
+}
+
+#ember-container:hover #qr-code,
+#ember-container:focus #qr-code {
+    opacity: 1;
+    visibility: visible;
+}
+</style>
+
+
 <script>
     let menu = document.getElementById('menu')
     if (menu) {
diff --git a/resources/protocol/index.html b/resources/protocol/index.html
index ddf5def..abe4306 100644
--- a/resources/protocol/index.html
+++ b/resources/protocol/index.html
@@ -258,6 +258,54 @@
     </svg>
 </a>
     
+<style>
+    #ember-container {
+    position: relative;
+    display: inline-block;
+    cursor: pointer;
+}
+
+#qr-code {
+    position: absolute;
+    bottom: 100%;
+    left: 50%;
+    transform: translateX(-50%);
+    padding: 10px;
+    background-color: #fff;
+    border: 1px solid #ccc;
+    border-radius: 10px;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+    width: 200px;
+    height: 220px;  
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    opacity: 0;
+    visibility: hidden;
+    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
+}
+
+.qr-text {
+    margin-bottom: 1.5px;  
+    color: #333;  
+    font-size: 14px;  
+    text-align: center;  
+}
+
+#qr-code img {
+    max-width: 100%;
+    max-height: 100%;
+    border-radius: 10px;
+}
+
+#ember-container:hover #qr-code,
+#ember-container:focus #qr-code {
+    opacity: 1;
+    visibility: visible;
+}
+</style>
+
+
 <script>
     let menu = document.getElementById('menu')
     if (menu) {
diff --git a/resources/大化/index.html b/resources/大化/index.html
index b300beb..35cbca0 100644
--- a/resources/大化/index.html
+++ b/resources/大化/index.html
@@ -340,6 +340,54 @@
     </svg>
 </a>
     
+<style>
+    #ember-container {
+    position: relative;
+    display: inline-block;
+    cursor: pointer;
+}
+
+#qr-code {
+    position: absolute;
+    bottom: 100%;
+    left: 50%;
+    transform: translateX(-50%);
+    padding: 10px;
+    background-color: #fff;
+    border: 1px solid #ccc;
+    border-radius: 10px;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+    width: 200px;
+    height: 220px;  
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    opacity: 0;
+    visibility: hidden;
+    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
+}
+
+.qr-text {
+    margin-bottom: 1.5px;  
+    color: #333;  
+    font-size: 14px;  
+    text-align: center;  
+}
+
+#qr-code img {
+    max-width: 100%;
+    max-height: 100%;
+    border-radius: 10px;
+}
+
+#ember-container:hover #qr-code,
+#ember-container:focus #qr-code {
+    opacity: 1;
+    visibility: visible;
+}
+</style>
+
+
 <script>
     let menu = document.getElementById('menu')
     if (menu) {
diff --git a/resources/大物活页/index.html b/resources/大物活页/index.html
index 9c2ad34..7c503b7 100644
--- a/resources/大物活页/index.html
+++ b/resources/大物活页/index.html
@@ -340,6 +340,54 @@
     </svg>
 </a>
     
+<style>
+    #ember-container {
+    position: relative;
+    display: inline-block;
+    cursor: pointer;
+}
+
+#qr-code {
+    position: absolute;
+    bottom: 100%;
+    left: 50%;
+    transform: translateX(-50%);
+    padding: 10px;
+    background-color: #fff;
+    border: 1px solid #ccc;
+    border-radius: 10px;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+    width: 200px;
+    height: 220px;  
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    opacity: 0;
+    visibility: hidden;
+    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
+}
+
+.qr-text {
+    margin-bottom: 1.5px;  
+    color: #333;  
+    font-size: 14px;  
+    text-align: center;  
+}
+
+#qr-code img {
+    max-width: 100%;
+    max-height: 100%;
+    border-radius: 10px;
+}
+
+#ember-container:hover #qr-code,
+#ember-container:focus #qr-code {
+    opacity: 1;
+    visibility: visible;
+}
+</style>
+
+
 <script>
     let menu = document.getElementById('menu')
     if (menu) {
diff --git a/resources/孙子兵法/index.html b/resources/孙子兵法/index.html
index 7e0b5ee..3eb6eaf 100644
--- a/resources/孙子兵法/index.html
+++ b/resources/孙子兵法/index.html
@@ -325,6 +325,54 @@
     </svg>
 </a>
     
+<style>
+    #ember-container {
+    position: relative;
+    display: inline-block;
+    cursor: pointer;
+}
+
+#qr-code {
+    position: absolute;
+    bottom: 100%;
+    left: 50%;
+    transform: translateX(-50%);
+    padding: 10px;
+    background-color: #fff;
+    border: 1px solid #ccc;
+    border-radius: 10px;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+    width: 200px;
+    height: 220px;  
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    opacity: 0;
+    visibility: hidden;
+    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
+}
+
+.qr-text {
+    margin-bottom: 1.5px;  
+    color: #333;  
+    font-size: 14px;  
+    text-align: center;  
+}
+
+#qr-code img {
+    max-width: 100%;
+    max-height: 100%;
+    border-radius: 10px;
+}
+
+#ember-container:hover #qr-code,
+#ember-container:focus #qr-code {
+    opacity: 1;
+    visibility: visible;
+}
+</style>
+
+
 <script>
     let menu = document.getElementById('menu')
     if (menu) {
diff --git a/resources/工图习题/index.html b/resources/工图习题/index.html
index 29b38fb..a0dedfd 100644
--- a/resources/工图习题/index.html
+++ b/resources/工图习题/index.html
@@ -321,6 +321,54 @@
     </svg>
 </a>
     
+<style>
+    #ember-container {
+    position: relative;
+    display: inline-block;
+    cursor: pointer;
+}
+
+#qr-code {
+    position: absolute;
+    bottom: 100%;
+    left: 50%;
+    transform: translateX(-50%);
+    padding: 10px;
+    background-color: #fff;
+    border: 1px solid #ccc;
+    border-radius: 10px;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+    width: 200px;
+    height: 220px;  
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    opacity: 0;
+    visibility: hidden;
+    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
+}
+
+.qr-text {
+    margin-bottom: 1.5px;  
+    color: #333;  
+    font-size: 14px;  
+    text-align: center;  
+}
+
+#qr-code img {
+    max-width: 100%;
+    max-height: 100%;
+    border-radius: 10px;
+}
+
+#ember-container:hover #qr-code,
+#ember-container:focus #qr-code {
+    opacity: 1;
+    visibility: visible;
+}
+</style>
+
+
 <script>
     let menu = document.getElementById('menu')
     if (menu) {
diff --git a/resources/数值分析/index.html b/resources/数值分析/index.html
index ddc6e7e..3bdcfae 100644
--- a/resources/数值分析/index.html
+++ b/resources/数值分析/index.html
@@ -396,6 +396,54 @@
     </svg>
 </a>
     
+<style>
+    #ember-container {
+    position: relative;
+    display: inline-block;
+    cursor: pointer;
+}
+
+#qr-code {
+    position: absolute;
+    bottom: 100%;
+    left: 50%;
+    transform: translateX(-50%);
+    padding: 10px;
+    background-color: #fff;
+    border: 1px solid #ccc;
+    border-radius: 10px;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+    width: 200px;
+    height: 220px;  
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    opacity: 0;
+    visibility: hidden;
+    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
+}
+
+.qr-text {
+    margin-bottom: 1.5px;  
+    color: #333;  
+    font-size: 14px;  
+    text-align: center;  
+}
+
+#qr-code img {
+    max-width: 100%;
+    max-height: 100%;
+    border-radius: 10px;
+}
+
+#ember-container:hover #qr-code,
+#ember-container:focus #qr-code {
+    opacity: 1;
+    visibility: visible;
+}
+</style>
+
+
 <script>
     let menu = document.getElementById('menu')
     if (menu) {
diff --git a/resources/新通用教师用书1/index.html b/resources/新通用教师用书1/index.html
index ba3ad8b..8359448 100644
--- a/resources/新通用教师用书1/index.html
+++ b/resources/新通用教师用书1/index.html
@@ -332,6 +332,54 @@
     </svg>
 </a>
     
+<style>
+    #ember-container {
+    position: relative;
+    display: inline-block;
+    cursor: pointer;
+}
+
+#qr-code {
+    position: absolute;
+    bottom: 100%;
+    left: 50%;
+    transform: translateX(-50%);
+    padding: 10px;
+    background-color: #fff;
+    border: 1px solid #ccc;
+    border-radius: 10px;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+    width: 200px;
+    height: 220px;  
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    opacity: 0;
+    visibility: hidden;
+    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
+}
+
+.qr-text {
+    margin-bottom: 1.5px;  
+    color: #333;  
+    font-size: 14px;  
+    text-align: center;  
+}
+
+#qr-code img {
+    max-width: 100%;
+    max-height: 100%;
+    border-radius: 10px;
+}
+
+#ember-container:hover #qr-code,
+#ember-container:focus #qr-code {
+    opacity: 1;
+    visibility: visible;
+}
+</style>
+
+
 <script>
     let menu = document.getElementById('menu')
     if (menu) {
diff --git a/resources/概率论/index.html b/resources/概率论/index.html
index b15b153..779e779 100644
--- a/resources/概率论/index.html
+++ b/resources/概率论/index.html
@@ -341,6 +341,54 @@
     </svg>
 </a>
     
+<style>
+    #ember-container {
+    position: relative;
+    display: inline-block;
+    cursor: pointer;
+}
+
+#qr-code {
+    position: absolute;
+    bottom: 100%;
+    left: 50%;
+    transform: translateX(-50%);
+    padding: 10px;
+    background-color: #fff;
+    border: 1px solid #ccc;
+    border-radius: 10px;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+    width: 200px;
+    height: 220px;  
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    opacity: 0;
+    visibility: hidden;
+    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
+}
+
+.qr-text {
+    margin-bottom: 1.5px;  
+    color: #333;  
+    font-size: 14px;  
+    text-align: center;  
+}
+
+#qr-code img {
+    max-width: 100%;
+    max-height: 100%;
+    border-radius: 10px;
+}
+
+#ember-container:hover #qr-code,
+#ember-container:focus #qr-code {
+    opacity: 1;
+    visibility: visible;
+}
+</style>
+
+
 <script>
     let menu = document.getElementById('menu')
     if (menu) {
diff --git a/resources/概率论习题/index.html b/resources/概率论习题/index.html
index 034e7a5..0da68c4 100644
--- a/resources/概率论习题/index.html
+++ b/resources/概率论习题/index.html
@@ -340,6 +340,54 @@
     </svg>
 </a>
     
+<style>
+    #ember-container {
+    position: relative;
+    display: inline-block;
+    cursor: pointer;
+}
+
+#qr-code {
+    position: absolute;
+    bottom: 100%;
+    left: 50%;
+    transform: translateX(-50%);
+    padding: 10px;
+    background-color: #fff;
+    border: 1px solid #ccc;
+    border-radius: 10px;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+    width: 200px;
+    height: 220px;  
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    opacity: 0;
+    visibility: hidden;
+    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
+}
+
+.qr-text {
+    margin-bottom: 1.5px;  
+    color: #333;  
+    font-size: 14px;  
+    text-align: center;  
+}
+
+#qr-code img {
+    max-width: 100%;
+    max-height: 100%;
+    border-radius: 10px;
+}
+
+#ember-container:hover #qr-code,
+#ember-container:focus #qr-code {
+    opacity: 1;
+    visibility: visible;
+}
+</style>
+
+
 <script>
     let menu = document.getElementById('menu')
     if (menu) {
diff --git a/resources/毛概复习指南/index.html b/resources/毛概复习指南/index.html
index ec2a10e..a8cbf18 100644
--- a/resources/毛概复习指南/index.html
+++ b/resources/毛概复习指南/index.html
@@ -325,6 +325,54 @@
     </svg>
 </a>
     
+<style>
+    #ember-container {
+    position: relative;
+    display: inline-block;
+    cursor: pointer;
+}
+
+#qr-code {
+    position: absolute;
+    bottom: 100%;
+    left: 50%;
+    transform: translateX(-50%);
+    padding: 10px;
+    background-color: #fff;
+    border: 1px solid #ccc;
+    border-radius: 10px;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+    width: 200px;
+    height: 220px;  
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    opacity: 0;
+    visibility: hidden;
+    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
+}
+
+.qr-text {
+    margin-bottom: 1.5px;  
+    color: #333;  
+    font-size: 14px;  
+    text-align: center;  
+}
+
+#qr-code img {
+    max-width: 100%;
+    max-height: 100%;
+    border-radius: 10px;
+}
+
+#ember-container:hover #qr-code,
+#ember-container:focus #qr-code {
+    opacity: 1;
+    visibility: visible;
+}
+</style>
+
+
 <script>
     let menu = document.getElementById('menu')
     if (menu) {
diff --git a/resources/画法几何ppt/index.html b/resources/画法几何ppt/index.html
index c7ae1b8..11fdf26 100644
--- a/resources/画法几何ppt/index.html
+++ b/resources/画法几何ppt/index.html
@@ -321,6 +321,54 @@
     </svg>
 </a>
     
+<style>
+    #ember-container {
+    position: relative;
+    display: inline-block;
+    cursor: pointer;
+}
+
+#qr-code {
+    position: absolute;
+    bottom: 100%;
+    left: 50%;
+    transform: translateX(-50%);
+    padding: 10px;
+    background-color: #fff;
+    border: 1px solid #ccc;
+    border-radius: 10px;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+    width: 200px;
+    height: 220px;  
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    opacity: 0;
+    visibility: hidden;
+    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
+}
+
+.qr-text {
+    margin-bottom: 1.5px;  
+    color: #333;  
+    font-size: 14px;  
+    text-align: center;  
+}
+
+#qr-code img {
+    max-width: 100%;
+    max-height: 100%;
+    border-radius: 10px;
+}
+
+#ember-container:hover #qr-code,
+#ember-container:focus #qr-code {
+    opacity: 1;
+    visibility: visible;
+}
+</style>
+
+
 <script>
     let menu = document.getElementById('menu')
     if (menu) {
diff --git a/resources/线性代数/index.html b/resources/线性代数/index.html
index c409e2a..d5fd720 100644
--- a/resources/线性代数/index.html
+++ b/resources/线性代数/index.html
@@ -493,6 +493,54 @@
     </svg>
 </a>
     
+<style>
+    #ember-container {
+    position: relative;
+    display: inline-block;
+    cursor: pointer;
+}
+
+#qr-code {
+    position: absolute;
+    bottom: 100%;
+    left: 50%;
+    transform: translateX(-50%);
+    padding: 10px;
+    background-color: #fff;
+    border: 1px solid #ccc;
+    border-radius: 10px;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+    width: 200px;
+    height: 220px;  
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    opacity: 0;
+    visibility: hidden;
+    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
+}
+
+.qr-text {
+    margin-bottom: 1.5px;  
+    color: #333;  
+    font-size: 14px;  
+    text-align: center;  
+}
+
+#qr-code img {
+    max-width: 100%;
+    max-height: 100%;
+    border-radius: 10px;
+}
+
+#ember-container:hover #qr-code,
+#ember-container:focus #qr-code {
+    opacity: 1;
+    visibility: visible;
+}
+</style>
+
+
 <script>
     let menu = document.getElementById('menu')
     if (menu) {
diff --git a/resources/食品安全/index.html b/resources/食品安全/index.html
index 93c3cbb..d4929b6 100644
--- a/resources/食品安全/index.html
+++ b/resources/食品安全/index.html
@@ -325,6 +325,54 @@
     </svg>
 </a>
     
+<style>
+    #ember-container {
+    position: relative;
+    display: inline-block;
+    cursor: pointer;
+}
+
+#qr-code {
+    position: absolute;
+    bottom: 100%;
+    left: 50%;
+    transform: translateX(-50%);
+    padding: 10px;
+    background-color: #fff;
+    border: 1px solid #ccc;
+    border-radius: 10px;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+    width: 200px;
+    height: 220px;  
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    opacity: 0;
+    visibility: hidden;
+    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
+}
+
+.qr-text {
+    margin-bottom: 1.5px;  
+    color: #333;  
+    font-size: 14px;  
+    text-align: center;  
+}
+
+#qr-code img {
+    max-width: 100%;
+    max-height: 100%;
+    border-radius: 10px;
+}
+
+#ember-container:hover #qr-code,
+#ember-container:focus #qr-code {
+    opacity: 1;
+    visibility: visible;
+}
+</style>
+
+
 <script>
     let menu = document.getElementById('menu')
     if (menu) {
diff --git a/resources/高数/index.html b/resources/高数/index.html
index 08001ca..733d937 100644
--- a/resources/高数/index.html
+++ b/resources/高数/index.html
@@ -357,6 +357,54 @@
     </svg>
 </a>
     
+<style>
+    #ember-container {
+    position: relative;
+    display: inline-block;
+    cursor: pointer;
+}
+
+#qr-code {
+    position: absolute;
+    bottom: 100%;
+    left: 50%;
+    transform: translateX(-50%);
+    padding: 10px;
+    background-color: #fff;
+    border: 1px solid #ccc;
+    border-radius: 10px;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+    width: 200px;
+    height: 220px;  
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    opacity: 0;
+    visibility: hidden;
+    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
+}
+
+.qr-text {
+    margin-bottom: 1.5px;  
+    color: #333;  
+    font-size: 14px;  
+    text-align: center;  
+}
+
+#qr-code img {
+    max-width: 100%;
+    max-height: 100%;
+    border-radius: 10px;
+}
+
+#ember-container:hover #qr-code,
+#ember-container:focus #qr-code {
+    opacity: 1;
+    visibility: visible;
+}
+</style>
+
+
 <script>
     let menu = document.getElementById('menu')
     if (menu) {
diff --git a/resources/高数习题/index.html b/resources/高数习题/index.html
index f8b99bc..3914bc7 100644
--- a/resources/高数习题/index.html
+++ b/resources/高数习题/index.html
@@ -345,6 +345,54 @@
     </svg>
 </a>
     
+<style>
+    #ember-container {
+    position: relative;
+    display: inline-block;
+    cursor: pointer;
+}
+
+#qr-code {
+    position: absolute;
+    bottom: 100%;
+    left: 50%;
+    transform: translateX(-50%);
+    padding: 10px;
+    background-color: #fff;
+    border: 1px solid #ccc;
+    border-radius: 10px;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+    width: 200px;
+    height: 220px;  
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    opacity: 0;
+    visibility: hidden;
+    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
+}
+
+.qr-text {
+    margin-bottom: 1.5px;  
+    color: #333;  
+    font-size: 14px;  
+    text-align: center;  
+}
+
+#qr-code img {
+    max-width: 100%;
+    max-height: 100%;
+    border-radius: 10px;
+}
+
+#ember-container:hover #qr-code,
+#ember-container:focus #qr-code {
+    opacity: 1;
+    visibility: visible;
+}
+</style>
+
+
 <script>
     let menu = document.getElementById('menu')
     if (menu) {
diff --git a/search/index.html b/search/index.html
index 2e96269..23e53a4 100644
--- a/search/index.html
+++ b/search/index.html
@@ -237,6 +237,54 @@
     </svg>
 </a>
     
+<style>
+    #ember-container {
+    position: relative;
+    display: inline-block;
+    cursor: pointer;
+}
+
+#qr-code {
+    position: absolute;
+    bottom: 100%;
+    left: 50%;
+    transform: translateX(-50%);
+    padding: 10px;
+    background-color: #fff;
+    border: 1px solid #ccc;
+    border-radius: 10px;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+    width: 200px;
+    height: 220px;  
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    opacity: 0;
+    visibility: hidden;
+    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
+}
+
+.qr-text {
+    margin-bottom: 1.5px;  
+    color: #333;  
+    font-size: 14px;  
+    text-align: center;  
+}
+
+#qr-code img {
+    max-width: 100%;
+    max-height: 100%;
+    border-radius: 10px;
+}
+
+#ember-container:hover #qr-code,
+#ember-container:focus #qr-code {
+    opacity: 1;
+    visibility: visible;
+}
+</style>
+
+
 <script>
     let menu = document.getElementById('menu')
     if (menu) {
diff --git a/tags/index.html b/tags/index.html
index f1c8783..12bb7f0 100644
--- a/tags/index.html
+++ b/tags/index.html
@@ -181,6 +181,54 @@
     </svg>
 </a>
     
+<style>
+    #ember-container {
+    position: relative;
+    display: inline-block;
+    cursor: pointer;
+}
+
+#qr-code {
+    position: absolute;
+    bottom: 100%;
+    left: 50%;
+    transform: translateX(-50%);
+    padding: 10px;
+    background-color: #fff;
+    border: 1px solid #ccc;
+    border-radius: 10px;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+    width: 200px;
+    height: 220px;  
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    opacity: 0;
+    visibility: hidden;
+    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
+}
+
+.qr-text {
+    margin-bottom: 1.5px;  
+    color: #333;  
+    font-size: 14px;  
+    text-align: center;  
+}
+
+#qr-code img {
+    max-width: 100%;
+    max-height: 100%;
+    border-radius: 10px;
+}
+
+#ember-container:hover #qr-code,
+#ember-container:focus #qr-code {
+    opacity: 1;
+    visibility: visible;
+}
+</style>
+
+
 <script>
     let menu = document.getElementById('menu')
     if (menu) {