diff --git a/index.html b/index.html
index 81bafbd..26f7246 100644
--- a/index.html
+++ b/index.html
@@ -28,18 +28,18 @@
 
                 <div class="arrow">
                     <!-- 向上按钮：不是介绍页时显示 -->
-                    <img v-if="pointerState !== 'introduce'" class="item top orange" src="./img/arrow-orange.svg" @click="scrollToPrevious" />
-                    <img v-else class="item top" src="./img/arrow-white.svg" />
+                    <img v-if="pointerState !== 'introduce'" class="item top orange" src="./static/img/arrow-orange.svg" @click="scrollToPrevious" />
+                    <img v-else class="item top" src="./static/img/arrow-white.svg" />
 
                     <!-- 向下按钮：不是学生页时显示 -->
-                    <img v-if="pointerState !== 'student'" class="item bottom orange" src="./img/arrow-orange.svg" @click="scrollToNext" />
-                    <img v-else class="item bottom white" src="./img/arrow-white.svg" />
+                    <img v-if="pointerState !== 'student'" class="item bottom orange" src="./static/img/arrow-orange.svg" @click="scrollToNext" />
+                    <img v-else class="item bottom white" src="./static/img/arrow-white.svg" />
                 </div>
             </div>
             <div class="introduce" ref="introduceRef">
                 <div class="head flexacenter">
                     <div class="logo mar1200">
-                        <img class="icon" src="./img/logo.png" />
+                        <img class="icon" src="./static/img/logo.png" />
                     </div>
                 </div>
                 <div class="box flexflex mar1200">
@@ -52,8 +52,8 @@
                             </div>
                         </div>
                         <div class="award flexflex">
-                            <img class="title" src="./img/award-winning-works.png" />
-                            <img class="name" src="./img/gushi.png" />
+                            <img class="title" src="./static/img/award-winning-works.png" />
+                            <img class="name" src="./static/img/gushi.png" />
                             <div class="explain">
                                 <div>中国AIGC产业联盟（AIGCxChina）</div>
                                 <div>温州市社科联</div>
@@ -63,14 +63,14 @@
                         </div>
                     </div>
                     <div class="album">
-                        <img class="bj bj1" src="./img/album-bj1.svg" />
-                        <img class="bj bj2" src="./img/album-bj2.svg" />
-                        <img class="img" src="./img/album-img.svg" />
-                        <img class="bj bj3" src="./img/album-bj3.svg" />
-                        <img class="bj bj4" src="./img/album-bj4.png" />
-                        <img class="bj bj5" src="./img/album-bj5.svg" />
-                        <img v-if="!audioHeadState" class="play" @click="manageAudio('./mp3/1.MP3','head')" src="./img/play-white-icon.svg" />
-                        <img v-else class="play" @click="closeAll()" src="./img/pause-white-icon.svg" />
+                        <img class="bj bj1" src="./static/img/album-bj1.svg" />
+                        <img class="bj bj2" src="./static/img/album-bj2.svg" />
+                        <img class="img" src="./static/img/album-img.svg" />
+                        <img class="bj bj3" src="./static/img/album-bj3.svg" />
+                        <img class="bj bj4" src="./static/img/album-bj4.png" />
+                        <img class="bj bj5" src="./static/img/album-bj5.svg" />
+                        <img v-if="!audioHeadState" class="play" @click="manageAudio('./mp3/1.MP3','head')" src="./static/img/play-white-icon.svg" />
+                        <img v-else class="play" @click="closeAll()" src="./static/img/pause-white-icon.svg" />
                     </div>
                 </div>
                 <div class="trait flexflex mar1200">
@@ -83,39 +83,39 @@
             </div>
 
             <div class="works flexacenter" ref="worksRef">
-                <img class="bj1" src="./img/works-bj1.png" />
+                <img class="bj1" src="./static/img/works-bj1.png" />
                 <div class="name-box">
-                    <img class="bj" src="./img/works-title-bj.svg" />
-                    <img class="title" src="./img/works-title.png" />
-                    <img class="line line-1" src="./img/works-line-1.svg" />
-                    <img class="line line-2" src="./img/works-line-2.svg" />
-                    <img class="line line-3" src="./img/works-line-3.svg" />
-                    <img class="line line-4" src="./img/works-line-4.svg" />
-                    <img class="line line-5" src="./img/works-line-5.svg" />
-                    <img class="line line-6" src="./img/works-line-6.svg" />
+                    <img class="bj" src="./static/img/works-title-bj.svg" />
+                    <img class="title" src="./static/img/works-title.png" />
+                    <img class="line line-1" src="./static/img/works-line-1.svg" />
+                    <img class="line line-2" src="./static/img/works-line-2.svg" />
+                    <img class="line line-3" src="./static/img/works-line-3.svg" />
+                    <img class="line line-4" src="./static/img/works-line-4.svg" />
+                    <img class="line line-5" src="./static/img/works-line-5.svg" />
+                    <img class="line line-6" src="./static/img/works-line-6.svg" />
                 </div>
                 <div class="mv-box mar1200">
                     <div class="item flexflex" v-for="(item, index) in 6" :key="index">
-                        <img class="serial-icon" src="./img/serial-icon.png" />
+                        <img class="serial-icon" src="./static/img/serial-icon.png" />
                         <div class="serial">{{ index + 1}}</div>
                         <div class="title">深港双城故事</div>
                         <div class="text">{{ text }}</div>
                         <div class="time">2024.12</div>
                         <div class="media" @click="openPreview(index)">
-                            <img class="img" src="./img/mv-1.svg" />
-                            <img class="play" src="./img/play-white-icon.svg" />
+                            <img class="img" src="./static/img/mv-1.svg" />
+                            <img class="play" src="./static/img/play-white-icon.svg" />
                         </div>
                     </div>
                 </div>
 
                 <div class="audio-box mar1200 flexflex">
                     <div class="item" v-for="(item, index) in audioList" :key="index">
-                        <img class="serial-icon" src="./img/serial-icon.png" />
+                        <img class="serial-icon" src="./static/img/serial-icon.png" />
                         <div class="serial">{{ index + 1 }}</div>
                         <div class="content flexflex">
                             <div class="album">
-                                <img class="img" src="./img/audio-img.png" />
-                                <img class="icon" src="./img/record-icon.png" />
+                                <img class="img" src="./static/img/audio-img.png" />
+                                <img class="icon" src="./static/img/record-icon.png" />
                             </div>
                             <div class="info flexflex">
                                 <div class="name">画Remix</div>
@@ -127,21 +127,21 @@
                                     <div class="bar black flex1"></div>
                                 </div>
                                 <div class="operate flexcenter">
-                                    <img class="speed left" src="./img/speed-left.png" @click="fastForward('slow', item.url, 'works')" />
-                                    <img v-if="item.state" class="play" @click="closeAll()" src="./img/pause-black-icon.svg" />
-                                    <img v-else class="play" @click="manageAudio(item.url, 'works')" src="./img/play-black-icon.svg" />
-                                    <img class="speed right" src="./img/speed-right.png" @click="fastForward('fast', item.url, 'works')" />
+                                    <img class="speed left" src="./static/img/speed-left.png" @click="fastForward('slow', item.url, 'works')" />
+                                    <img v-if="item.state" class="play" @click="closeAll()" src="./static/img/pause-black-icon.svg" />
+                                    <img v-else class="play" @click="manageAudio(item.url, 'works')" src="./static/img/play-black-icon.svg" />
+                                    <img class="speed right" src="./static/img/speed-right.png" @click="fastForward('fast', item.url, 'works')" />
                                 </div>
                             </div>
                         </div>
                     </div>
                 </div>
-                <img class="bj2" src="./img/works-bj2.png" />
+                <img class="bj2" src="./static/img/works-bj2.png" />
             </div>
 
             <div class="custom" ref="customRef">
                 <div class="custom-box mar1200 flexflex">
-                    <img class="title" src="./img/custom-title.png" />
+                    <img class="title" src="./static/img/custom-title.png" />
                     <div class="subtitle">往事可成追忆，把你的故事谱成歌</div>
                     <div class="list flexflex mar1200">
                         <div class="item flexacenter" v-for="(item, index) in customList" :key="index">
@@ -154,20 +154,20 @@
                                     <div class="bar black flex1"></div>
                                 </div>
                                 <div class="operate flexcenter">
-                                    <img class="speed left" @click="fastForward('slow', item.src, 'custom')" src="./img/speed-left.png" />
-                                    <img v-if="item.state" class="play" @click="closeAll()" src="./img/pause-black-icon.svg" />
-                                    <img v-else class="play" @click="manageAudio(item.src, 'custom')" src="./img/play-black-icon.svg" />
-                                    <img class="speed right" @click="fastForward('fast', item.src, 'custom')" src="./img/speed-right.png" />
+                                    <img class="speed left" @click="fastForward('slow', item.src, 'custom')" src="./static/img/speed-left.png" />
+                                    <img v-if="item.state" class="play" @click="closeAll()" src="./static/img/pause-black-icon.svg" />
+                                    <img v-else class="play" @click="manageAudio(item.src, 'custom')" src="./static/img/play-black-icon.svg" />
+                                    <img class="speed right" @click="fastForward('fast', item.src, 'custom')" src="./static/img/speed-right.png" />
                                 </div>
                             </div>
 
-                            <img class="info-img" src="./img/custom-img.png" />
+                            <img class="info-img" src="./static/img/custom-img.png" />
                         </div>
                     </div>
                     <div class="bottom flexcenter">
-                        <img class="bj" src="./img/custom-bj-1.svg" />
-                        <img class="bj" src="./img/custom-bj-2.svg" />
-                        <img class="bj" src="./img/custom-bj-1.svg" />
+                        <img class="bj" src="./static/img/custom-bj-1.svg" />
+                        <img class="bj" src="./static/img/custom-bj-2.svg" />
+                        <img class="bj" src="./static/img/custom-bj-1.svg" />
                     </div>
                 </div>
             </div>
@@ -182,7 +182,7 @@
                         <img class="img img4" src="./static/img/student-img.png" />
                         <img class="img img5" src="./static/img/student-img.png" />
                         <img class="img img6" src="./static/img/student-img.png" />
-                        <img class="img img7" src="./img/student-img.png" />
+                        <img class="img img7" src="./static/img/student-img.png" />
                     </div>
                     <div class="name">《听风少年的梦幻之城》</div>
                     <div class="info flexacenter">