调整二维码显示位置，将其放在certificate容器内

certificate.html

@@ -1134,11 +1134,10 @@
       const qrContainer = document.createElement('div');
       qrContainer.id = 'qrCodeDisplay';
       qrContainer.style.cssText = `
-        margin: 12px 16px;
+        margin: 20px 0 10px;
-        padding: 12px;
+        padding: 16px;
-        background-color: white;
+        background-color: #f8f9fa;
         border-radius: 8px;
-        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
         text-align: center;
       `;
       
@@ -1184,12 +1183,12 @@
       qrContainer.appendChild(qrText);
       
       // 找到合适的位置插入二维码容器
-      // 在support元素之前插入
+      // 在certificate元素内插入
-      const supportElement = document.querySelector('.support');
+      const certificateElement = document.querySelector('.certificate');
-      if (supportElement) {
+      if (certificateElement) {
-        supportElement.parentNode.insertBefore(qrContainer, supportElement);
+        certificateElement.appendChild(qrContainer);
       } else {
-        // 如果没有support元素，就在container末尾插入
+        // 如果没有certificate元素，就在container末尾插入
         const container = document.querySelector('.container');
         if (container) {
           container.appendChild(qrContainer);

view.html

@@ -338,11 +338,10 @@
       const qrContainer = document.createElement('div');
       qrContainer.id = 'qrCodeDisplay';
       qrContainer.style.cssText = `
-        margin: 12px 16px;
+        margin: 20px 0 10px;
-        padding: 12px;
+        padding: 16px;
-        background-color: white;
+        background-color: #f8f9fa;
         border-radius: 8px;
-        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
         text-align: center;
       `;
       
@@ -388,12 +387,12 @@
       qrContainer.appendChild(qrText);
       
       // 找到合适的位置插入二维码容器
-      // 在footer元素之前插入
+      // 在certificate元素内插入
-      const footerElement = document.querySelector('.footer');
+      const certificateElement = document.querySelector('.certificate');
-      if (footerElement) {
+      if (certificateElement) {
-        footerElement.parentNode.insertBefore(qrContainer, footerElement);
+        certificateElement.appendChild(qrContainer);
       } else {
-        // 如果没有footer元素，就在container末尾插入
+        // 如果没有certificate元素，就在container末尾插入
         const container = document.querySelector('.container');
         if (container) {
           container.appendChild(qrContainer);