feat: trang trưng bày cổ vật 3D + nâng cấp typography/độ tương phản

- Trình xem mô hình .glb (three GLTFLoader + OrbitControls): xoay/zoom/tự xoay,
  môi trường studio, trạng thái tải & lỗi; trang /co-vat với 2 cổ vật chuông đồng
- Đổi tên file .glb Unicode -> ASCII (chuong-1/2.glb) tránh lỗi đường dẫn
- Thêm font serif hiển thị (Noto Serif Display) cho tiêu đề
- Sửa độ tương phản chữ trên bề mặt sáng (header, ô tìm kiếm, bộ lọc), badge vuông

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

src/app/globals.css

@@ -22,8 +22,10 @@
   --font-sans: var(--font-noto-sans), system-ui, sans-serif;
   --secondary: rgb(244 238 222 / 0.12);
   --background: #121510;
-  --font-serif: var(--font-noto-sans), system-ui, sans-serif;
+  --font-serif: var(--font-noto-serif), Georgia, "Times New Roman", serif;
   --foreground: #f0eadc;
+  --ink-on-light: #1c2419;
+  --ink-on-light-muted: #51604a;
   --destructive: #d85a42;
   --shadow-blur: 5px;
   --shadow-color: hsl(95 16% 8%);
@@ -257,6 +259,25 @@ a {
   word-break: normal;
 }
 
+/* Tiêu đề hiển thị dùng serif trang trọng + tracking âm để có sức nặng thị giác. */
+.public-page h1,
+.public-page h2 {
+  font-family: var(--font-serif);
+  letter-spacing: -0.018em;
+  font-feature-settings: "liga" 1, "kern" 1;
+}
+
+.public-display {
+  font-family: var(--font-serif);
+  letter-spacing: -0.02em;
+}
+
+.public-display-italic {
+  font-family: var(--font-serif);
+  font-style: italic;
+  font-weight: 500;
+}
+
 .public-page p,
 .public-page dd {
   overflow-wrap: break-word;