更新页面效果

vite-tailwindcss/src/style.css

@@ -1,4 +1,6 @@
 @import "tailwindcss";
+@import "@fontsource/great-vibes/400.css";
+@import "@fontsource/ma-shan-zheng/400.css";
 
 :root {
   --font-sans: "Avenir Next", "Helvetica Neue", "PingFang SC", "Microsoft YaHei", sans-serif;
@@ -6,6 +8,7 @@
   --font-display: "Didot", "Bodoni 72", "Cormorant Garamond", "Times New Roman", serif;
   --font-kai: "Kaiti SC", "STKaiti", "KaiTi", "FangSong", serif;
   --font-brush: "HanziPen SC", "STXingkai", "华文行楷", "FZKai-Z03S", "Kaiti SC", "STKaiti", "KaiTi", "FangSong", serif;
+  --font-calligraphy: "Great Vibes", "Ma Shan Zheng", cursive, serif;
   --font-number: "Cochin", "Georgia", "Times New Roman", serif;
 }
 
@@ -13,3 +16,16 @@ html,
 body {
   font-family: var(--font-sans);
 }
+
+.calligraphy {
+  font-family: var(--font-calligraphy) !important;
+}
+.gallery-subtitle {
+  font-family: var(--font-calligraphy) !important;
+  font-weight: bold;
+}
+
+.calligraphy-strong {
+  font-family: var(--font-calligraphy) !important;
+  font-weight: 700;
+}