diff --git a/certificate.html b/certificate.html
index 4137e9c..2f0f9d4 100644
--- a/certificate.html
+++ b/certificate.html
@@ -398,43 +398,81 @@
     /* 签名和二维码同行显示样式 */
     .signature-qr-container {
       align-items: flex-start;
+      padding: 10px 0;
     }
 
     .signature-qr-content {
       flex: 1;
       display: flex;
-      align-items: center;
-      gap: 15px;
+      align-items: flex-start;
+      gap: 20px;
       flex-wrap: wrap;
     }
 
     .signature-qr-content .signature-display {
       flex: 1;
-      min-width: 120px;
+      min-width: 150px;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      padding: 10px;
+      background-color: white;
+      border-radius: 6px;
+      border: 1px solid #e0e0e0;
+    }
+
+    .signature-qr-content .signature-display img {
+      max-width: 100%;
+      height: auto;
+      max-height: 100px;
     }
 
     .signature-qr-content #qrCodeContainer {
       flex: 1;
-      min-width: 120px;
+      min-width: 150px;
     }
 
     .signature-qr-content #qrCodeDisplay {
       margin: 0;
-      padding: 8px;
+      padding: 10px;
+      background-color: white;
+      border-radius: 6px;
+      border: 1px solid #e0e0e0;
     }
 
     .signature-qr-content #qrCodeImage {
-      max-width: 120px;
-      max-height: 120px;
+      max-width: 100%;
+      height: auto;
+      max-height: 100px;
     }
 
     .signature-qr-content #qrCodeDisplay h3 {
       font-size: 12px;
-      margin-bottom: 6px;
+      margin-bottom: 8px;
+      color: #333;
     }
 
     .signature-qr-content #qrCodeDisplay div {
       font-size: 10px;
+      color: #666;
+    }
+
+    /* 响应式调整 */
+    @media (max-width: 480px) {
+      .signature-qr-content {
+        flex-direction: column;
+        align-items: stretch;
+      }
+      
+      .signature-qr-content .signature-display,
+      .signature-qr-content #qrCodeContainer {
+        min-width: auto;
+      }
+      
+      .signature-qr-content .signature-display img,
+      .signature-qr-content #qrCodeImage {
+        max-height: 80px;
+      }
     }
 
     /* 签名弹窗样式 */
diff --git a/view.html b/view.html
index 5e5d031..3529318 100644
--- a/view.html
+++ b/view.html
@@ -144,43 +144,81 @@
     /* 签名和二维码同行显示样式 */
     .signature-qr-container {
       align-items: flex-start;
+      padding: 10px 0;
     }
 
     .signature-qr-content {
       flex: 1;
       display: flex;
-      align-items: center;
-      gap: 15px;
+      align-items: flex-start;
+      gap: 20px;
       flex-wrap: wrap;
     }
 
     .signature-qr-content .signature-display {
       flex: 1;
-      min-width: 120px;
+      min-width: 150px;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      padding: 10px;
+      background-color: white;
+      border-radius: 6px;
+      border: 1px solid #e0e0e0;
+    }
+
+    .signature-qr-content .signature-display img {
+      max-width: 100%;
+      height: auto;
+      max-height: 100px;
     }
 
     .signature-qr-content #qrCodeContainer {
       flex: 1;
-      min-width: 120px;
+      min-width: 150px;
     }
 
     .signature-qr-content #qrCodeDisplay {
       margin: 0;
-      padding: 8px;
+      padding: 10px;
+      background-color: white;
+      border-radius: 6px;
+      border: 1px solid #e0e0e0;
     }
 
     .signature-qr-content #qrCodeImage {
-      max-width: 120px;
-      max-height: 120px;
+      max-width: 100%;
+      height: auto;
+      max-height: 100px;
     }
 
     .signature-qr-content #qrCodeDisplay h3 {
       font-size: 12px;
-      margin-bottom: 6px;
+      margin-bottom: 8px;
+      color: #333;
     }
 
     .signature-qr-content #qrCodeDisplay div {
       font-size: 10px;
+      color: #666;
+    }
+
+    /* 响应式调整 */
+    @media (max-width: 480px) {
+      .signature-qr-content {
+        flex-direction: column;
+        align-items: stretch;
+      }
+      
+      .signature-qr-content .signature-display,
+      .signature-qr-content #qrCodeContainer {
+        min-width: auto;
+      }
+      
+      .signature-qr-content .signature-display img,
+      .signature-qr-content #qrCodeImage {
+        max-height: 80px;
+      }
     }
 
     /* 二维码展示样式 */