feat: 마지막 슬라이드에 블로그 QR 코드 추가

- 발표 내용 상세 보기 QR 코드 이미지 추가
- 연락처 정보 아래에 배치
- 반응형 크기 조정 (200px → 작은 화면에서는 비율 유지)
- 이미지 비율 보존을 위한 object-fit 설정

Author: chan9yu

public/contents/24.html

@@ -79,6 +79,30 @@
 				background-color: var(--color-border);
 			}
 
+			.qr-section {
+				display: flex;
+				flex-direction: column;
+				align-items: center;
+				gap: 20px;
+				margin-top: 48px;
+			}
+
+			.qr-label {
+				font-size: 1rem;
+				font-weight: 500;
+				color: var(--color-text-secondary);
+			}
+
+			.qr-code {
+				width: 200px;
+				height: 200px;
+				padding: 12px;
+				background-color: white;
+				border-radius: 12px;
+				box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+				object-fit: contain;
+			}
+
 			.abstract-elements {
 				position: absolute;
 				width: 100%;
@@ -129,6 +153,19 @@
 				.contact-link {
 					font-size: 1.15rem;
 				}
+
+				.qr-section {
+					margin-top: 32px;
+				}
+
+				.qr-label {
+					font-size: 0.9rem;
+				}
+
+				.qr-code {
+					padding: 10px;
+					object-fit: contain;
+				}
 			}
 		</style>
 	</head>
@@ -154,6 +191,10 @@ <h1 class="qa-heading">감사합니다</h1>
 						<span class="link-url">@chan9yu</span>
 					</a>
 				</div>
+				<div class="qr-section">
+					<p class="qr-label">📝 발표 내용 상세 보기</p>
+					<img src="../images/blog-article-qrcode.png" alt="블로그 아티클 QR 코드" class="qr-code" />
+				</div>
 			</div>
 
 			<div class="page-number">24</div>