diff --git a/src/components/explain/ExplainHallSelect.vue b/src/components/explain/ExplainHallSelect.vue
index 1e68d6b..725181d 100644
--- a/src/components/explain/ExplainHallSelect.vue
+++ b/src/components/explain/ExplainHallSelect.vue
@@ -32,10 +32,10 @@
             @tap="handleHallClick(hall.id)"
           >
             <image
-              v-if="hallIconUrl(hall)"
+              v-if="hallPreviewUrl(hall)"
               class="hall-thumb"
-              :src="hallIconUrl(hall)"
-              mode="aspectFit"
+              :src="hallPreviewUrl(hall)"
+              mode="aspectFill"
             />
             <view v-else class="hall-thumb placeholder">
               <text class="hall-thumb-text">{{ hallIconText(hall.name) }}</text>
@@ -201,19 +201,19 @@ const emit = defineEmits<{
   back: []
 }>()
 
-const HALL_ICON_BASE = '/static/icons/halls'
+const HALL_PREVIEW_BASE = '/static/explain/hall-previews'
 const failedUnitPreviewIds = ref(new Set<string>())
 
-const hallIconMap: Record<string, string> = {
-  宇宙厅: `${HALL_ICON_BASE}/universe.jpg`,
-  地球厅: `${HALL_ICON_BASE}/earth.jpg`,
-  演化厅: `${HALL_ICON_BASE}/evolution.jpg`,
-  恐龙厅: `${HALL_ICON_BASE}/dinosaur.jpg`,
-  人类厅: `${HALL_ICON_BASE}/human.jpg`,
-  动物厅: `${HALL_ICON_BASE}/animal.jpg`,
-  生物厅: `${HALL_ICON_BASE}/biology.jpg`,
-  生态厅: `${HALL_ICON_BASE}/ecology.jpg`,
-  家园厅: `${HALL_ICON_BASE}/homeland.jpg`
+const hallPreviewMap: Record<string, string> = {
+  宇宙厅: `${HALL_PREVIEW_BASE}/universe.webp`,
+  地球厅: `${HALL_PREVIEW_BASE}/earth.webp`,
+  演化厅: `${HALL_PREVIEW_BASE}/evolution.webp`,
+  恐龙厅: `${HALL_PREVIEW_BASE}/dinosaur.webp`,
+  人类厅: `${HALL_PREVIEW_BASE}/human.webp`,
+  动物厅: `${HALL_PREVIEW_BASE}/biology.webp`,
+  生物厅: `${HALL_PREVIEW_BASE}/biology.webp`,
+  生态厅: `${HALL_PREVIEW_BASE}/ecology.webp`,
+  家园厅: `${HALL_PREVIEW_BASE}/homeland.webp`
 }
 
 const filteredHalls = computed(() => props.halls)
@@ -243,8 +243,8 @@ const emptyDescription = computed(() => {
   return '暂无可选择的展厅讲解。'
 })
 
-const hallIconUrl = (hall: ExplainHallSelectItem) => {
-  return hall.image || hallIconMap[hall.name.trim()] || ''
+const hallPreviewUrl = (hall: ExplainHallSelectItem) => {
+  return hallPreviewMap[hall.name.trim()] || hall.image || ''
 }
 
 const hallIconText = (name: string) => name.trim().slice(0, 1) || '讲'
diff --git a/static/explain/hall-previews/biology.webp b/static/explain/hall-previews/biology.webp
new file mode 100644
index 0000000..6a35d90
Binary files /dev/null and b/static/explain/hall-previews/biology.webp differ
diff --git a/static/explain/hall-previews/dinosaur.webp b/static/explain/hall-previews/dinosaur.webp
new file mode 100644
index 0000000..46409fe
Binary files /dev/null and b/static/explain/hall-previews/dinosaur.webp differ
diff --git a/static/explain/hall-previews/earth.webp b/static/explain/hall-previews/earth.webp
new file mode 100644
index 0000000..1dbb11f
Binary files /dev/null and b/static/explain/hall-previews/earth.webp differ
diff --git a/static/explain/hall-previews/ecology.webp b/static/explain/hall-previews/ecology.webp
new file mode 100644
index 0000000..42666bd
Binary files /dev/null and b/static/explain/hall-previews/ecology.webp differ
diff --git a/static/explain/hall-previews/evolution.webp b/static/explain/hall-previews/evolution.webp
new file mode 100644
index 0000000..8b63603
Binary files /dev/null and b/static/explain/hall-previews/evolution.webp differ
diff --git a/static/explain/hall-previews/homeland.webp b/static/explain/hall-previews/homeland.webp
new file mode 100644
index 0000000..ff95ce5
Binary files /dev/null and b/static/explain/hall-previews/homeland.webp differ
diff --git a/static/explain/hall-previews/human.webp b/static/explain/hall-previews/human.webp
new file mode 100644
index 0000000..58a0417
Binary files /dev/null and b/static/explain/hall-previews/human.webp differ
diff --git a/static/explain/hall-previews/universe.webp b/static/explain/hall-previews/universe.webp
new file mode 100644
index 0000000..4dd571d
Binary files /dev/null and b/static/explain/hall-previews/universe.webp differ