fix: 修正 QR Code 在手機版的對齊問題

- 添加響應式 CSS 樣式改善手機版顯示
- 減少手機版的 margin 和 padding
- 明確設定 margin: 0 auto 確保 QR Code 置中
- 優化 iPhone 14 Pro 等手機裝置的使用體驗

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

Author: yulin0629

style.css

@@ -485,6 +485,13 @@ body {
     box-shadow: 0 4px 20px rgba(0,0,0,0.08);
 }
 
+@media (max-width: 768px) {
+    .qr-code-section {
+        margin: 40px 20px;
+        padding: 24px 16px;
+    }
+}
+
 .qr-code-section h3 {
     color: #1a1a1a;
     margin-bottom: 20px;
@@ -499,6 +506,14 @@ body {
     box-shadow: 0 8px 30px rgba(0,0,0,0.12);
     backdrop-filter: blur(20px);
     -webkit-backdrop-filter: blur(20px);
+    margin: 0 auto;
+}
+
+@media (max-width: 768px) {
+    #qrcode {
+        padding: 16px;
+        margin: 0 auto;
+    }
 }
 
 .qr-note {