diff --git a/certificate.html b/certificate.html
index 3a521bc..e429e02 100644
--- a/certificate.html
+++ b/certificate.html
@@ -1134,11 +1134,10 @@
       const qrContainer = document.createElement('div');
       qrContainer.id = 'qrCodeDisplay';
       qrContainer.style.cssText = `
-        margin: 12px 16px;
-        padding: 12px;
-        background-color: white;
+        margin: 20px 0 10px;
+        padding: 16px;
+        background-color: #f8f9fa;
         border-radius: 8px;
-        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
         text-align: center;
       `;
       
@@ -1184,15 +1183,21 @@
       qrContainer.appendChild(qrText);
       
       // 找到合适的位置插入二维码容器
-      // 在support元素之前插入
-      const supportElement = document.querySelector('.support');
-      if (supportElement) {
-        supportElement.parentNode.insertBefore(qrContainer, supportElement);
+      // 在certificateInfo元素末尾插入
+      const certificateInfoElement = document.getElementById('certificateInfo');
+      if (certificateInfoElement) {
+        certificateInfoElement.appendChild(qrContainer);
       } else {
-        // 如果没有support元素，就在container末尾插入
-        const container = document.querySelector('.container');
-        if (container) {
-          container.appendChild(qrContainer);
+        // 如果没有certificateInfo元素，就在certificate元素内插入
+        const certificateElement = document.querySelector('.certificate');
+        if (certificateElement) {
+          certificateElement.appendChild(qrContainer);
+        } else {
+          // 如果都没有，就在container末尾插入
+          const container = document.querySelector('.container');
+          if (container) {
+            container.appendChild(qrContainer);
+          }
         }
       }
     }
diff --git a/view.html b/view.html
index 650f71c..08ee072 100644
--- a/view.html
+++ b/view.html
@@ -338,11 +338,10 @@
       const qrContainer = document.createElement('div');
       qrContainer.id = 'qrCodeDisplay';
       qrContainer.style.cssText = `
-        margin: 12px 16px;
-        padding: 12px;
-        background-color: white;
+        margin: 20px 0 10px;
+        padding: 16px;
+        background-color: #f8f9fa;
         border-radius: 8px;
-        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
         text-align: center;
       `;
       
@@ -388,15 +387,21 @@
       qrContainer.appendChild(qrText);
       
       // 找到合适的位置插入二维码容器
-      // 在footer元素之前插入
-      const footerElement = document.querySelector('.footer');
-      if (footerElement) {
-        footerElement.parentNode.insertBefore(qrContainer, footerElement);
+      // 在certificateInfo元素末尾插入
+      const certificateInfoElement = document.getElementById('certificateInfo');
+      if (certificateInfoElement) {
+        certificateInfoElement.appendChild(qrContainer);
       } else {
-        // 如果没有footer元素，就在container末尾插入
-        const container = document.querySelector('.container');
-        if (container) {
-          container.appendChild(qrContainer);
+        // 如果没有certificateInfo元素，就在certificate元素内插入
+        const certificateElement = document.querySelector('.certificate');
+        if (certificateElement) {
+          certificateElement.appendChild(qrContainer);
+        } else {
+          // 如果都没有，就在container末尾插入
+          const container = document.querySelector('.container');
+          if (container) {
+            container.appendChild(qrContainer);
+          }
         }
       }
     }