diff --git a/src/App.vue b/src/App.vue
index 8413b6b..493818e 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -12,7 +12,11 @@
 *, *::before, *::after {
   box-sizing: border-box;
 }
-
+@font-face {
+  font-family: 'FZZhongYaSong';
+  src: url('@/assets/fzzys_GBK.TTF') format('truetype');
+  /* 或其他格式如 woff, woff2 等 */
+}
 .particulars-detail-popup {
   background: rgba(0, 0, 0, 0.7) !important;
 }
diff --git a/src/assets/fzzys_GBK.TTF b/src/assets/fzzys_GBK.TTF
new file mode 100644
index 0000000..bcec5f2
Binary files /dev/null and b/src/assets/fzzys_GBK.TTF differ
diff --git a/src/assets/images/20250407155229.png b/src/assets/images/20250407155229.png
index dc1814f..fa2624d 100644
Binary files a/src/assets/images/20250407155229.png and b/src/assets/images/20250407155229.png differ
diff --git a/src/assets/images/df29@2x.png b/src/assets/images/df29@2x.png
new file mode 100644
index 0000000..e1149ae
Binary files /dev/null and b/src/assets/images/df29@2x.png differ
diff --git a/src/assets/images/image20@2x.png b/src/assets/images/image20@2x.png
new file mode 100644
index 0000000..92db40d
Binary files /dev/null and b/src/assets/images/image20@2x.png differ
diff --git a/src/assets/images/tc31@2x.png b/src/assets/images/tc31@2x.png
new file mode 100644
index 0000000..e38452b
Binary files /dev/null and b/src/assets/images/tc31@2x.png differ
diff --git a/src/assets/images/zzdf30@2x.png b/src/assets/images/zzdf30@2x.png
new file mode 100644
index 0000000..1744a71
Binary files /dev/null and b/src/assets/images/zzdf30@2x.png differ
diff --git a/src/views/workinfo/index.vue b/src/views/workinfo/index.vue
index b76a290..24bda90 100644
--- a/src/views/workinfo/index.vue
+++ b/src/views/workinfo/index.vue
@@ -28,66 +28,93 @@ onMounted(() => {
         }
     });
     }
-    
-
 });
 </script>
 <template>
-    <div class="w-100vw h-100vh flex flex-col overflow-hidden">
-        <div class="w-100vw h-33px">
-            <img src="@/assets/images/20250407155136.png" class="w-100vw object-fill" alt="">
-        </div>
-        <div class="grow-1 flex overflow-hidden">
-            <div class="w-33px h-full shrink-0">
-                <img src="@/assets/images/20250407155213.png" class="w-33px h-full object-fill" alt="">
-            </div>
-            <div
-                class="grow-1 bg-no-repeat  bg-center bg-cover wrap1 overflow-y-auto flex flex-col items-center pt-32px px-26px">
+    <div class="w-100vw h-100vh flex flex-col overflow-hidden font-[FZZhongYaSong] ">
+    
+        <div
+                class="grow-1 wrap1  flex flex-col items-center pt-97px pb-31px px-26px">
                 <!-- 其他内容 -->
-                <div class="text-20px text-#010101 font-bold mb-22px">{{ info.title }}</div>
-                <div class="bg-[rgba(0,0,0,0.1)] w-255px h-346px mb-13px" @click="showImagePreview([info.image])">
+                <div class="text-29px text-#010101 font-400 mb-23px">《{{ info.title }}》</div>
+                <div class="bg-[rgba(0,0,0,0.1)] w-255px h-346px mb-15px" @click="showImagePreview([info.image])">
                     <img :src="info.image" class="object-contain w-full h-full" alt="">
                 </div>
-                <div class="font-bold text-16px mb-45px">{{ info.artist }}</div>
-                <div class="text-12px w-full">
-                    <div class="flex mb-9px">
-                        <div class="font-bold">尺寸：</div>
+                <div class="font-400 text-22px mb-34px">{{ info.artist }}</div>
+                <div class="text-12px mb-56px w-255px">
+                    <div class="flex mb-9px ">
+                        <div class="font-300 flex items-center">
+                            <img class="w-12px h-13px" src="@/assets/images/image20@2x.png" alt="">
+                            <span>【尺寸】</span>
+                        </div>
                         <div>{{ info.size }}</div>
                     </div>
-                    <div class="flex mb-9px">
-                        <div class="font-bold">年份：</div>
+                    <div class="flex mb-9px ">
+                        <div class="font-300 flex items-center">
+                            <img class="w-12px h-13px" src="@/assets/images/image20@2x.png" alt="">
+                            <span>【年份】</span>
+                        </div>
                         <div>{{ info.year }}</div>
                     </div>
-                    <div class="flex mb-9px">
-                        <div class="font-bold">类型：</div>
+                    <div class="flex mb-9px ">
+                        <div class="font-300 flex items-center">
+                            <img class="w-12px h-13px" src="@/assets/images/image20@2x.png" alt="">
+                            <span>【类型】</span>
+                        </div>
                         <div>{{ info.type }}</div>
                     </div>
-                    <div class="flex mb-5px">
-                        <div class="font-bold">材质：</div>
+                    <div class="flex mb-5px ">
+                        <div class="font-300 flex items-center">
+                            <img class="w-12px h-13px" src="@/assets/images/image20@2x.png" alt="">
+                            <span>【材质】</span>
+                        </div>
                         <div>{{ info.material }}</div>
                     </div>
-                    <div class="flex mb-9px">
-                        <div class="font-bold whitespace-nowrap translate-y-5px">画作赏析：</div>
+                    <div class="flex mb-38px ">
+                        <div class="font-300 flex pt-4px">
+                            <img class="w-12px h-13px" src="@/assets/images/image20@2x.png" alt="">
+                            <span class="whitespace-nowrap">【笔墨技法】</span>
+                        </div>
+                        <div class="leading-22px">{{ info.penTechniques }}</div>
+                    </div>
+                    <div class="flex mb-38px ">
+                        <div class="font-300 flex pt-4px">
+                            <img class="w-12px h-13px" src="@/assets/images/image20@2x.png" alt="">
+                            <span class="whitespace-nowrap">【绘画思想】</span>
+                        </div>
+                        <div class="leading-22px">{{ info.artIdea }}</div>
+                    </div>
+                    <div class="flex mb-38px ">
+                        <div class="font-300 flex pt-4px">
+                            <img class="w-12px h-13px" src="@/assets/images/image20@2x.png" alt="">
+                            <span class="whitespace-nowrap">【表达思想】</span>
+                        </div>
+                        <div class="leading-22px">{{ info.expressIdea }}</div>
+                    </div>
+                    <div class="flex mb-38px ">
+                        <div class="font-300 flex pt-4px">
+                            <img class="w-12px h-13px" src="@/assets/images/image20@2x.png" alt="">
+                            <span class="whitespace-nowrap">【画作赏析】</span>
+                        </div>
                         <div class="leading-22px">{{ info.appreciation }}</div>
                     </div>
                 </div>
-            </div>
-            <div class="w-33px h-full shrink-0">
-                <img src="@/assets/images/20250407155213.png" class="w-33px h-full object-fill" alt="">
-            </div>
-        </div>
-        <div class="w-100vw h-33px">
-            <img src="@/assets/images/20250407155204.png" class="w-100vw object-fill" alt="">
+                <div class="flex justify-around w-full">
+            <img class="w-68px h-44px" src="@/assets/images/df29@2x.png" alt="">
+            <img class="w-101px h-44px" src="@/assets/images/zzdf30@2x.png" alt="">
+            <img class="w-50px h-34px" src="@/assets/images/tc31@2x.png" alt="">
         </div>
+            </div>
+      
     </div>
 </template>
 <style scoped>
 .wrap1 {
     background-image: url('../../assets/images/20250407155229.png');
-    background-size: cover;
-    background-position: center;
-    background-repeat: no-repeat;
     height: 100%;
+    background-size: 100% auto;
+    background-position: top;
+    background-repeat: no-repeat;
     overflow-y: auto;
 }
 </style>
\ No newline at end of file
diff --git a/uno.config.js b/uno.config.js
index ef3761b..c777950 100644
--- a/uno.config.js
+++ b/uno.config.js
@@ -15,6 +15,11 @@ export default defineConfig({
   rules: [
     // ...
   ],
+  theme: {
+    fontFamily: {
+      zhongya: ['FZZhongYaSong', 'sans-serif']
+    }
+  },
   // 添加快捷方式
   shortcuts: {
     // ...