diff --git a/Build_God_Admin_Frontend/Frontend/src/api/monster.ts b/Build_God_Admin_Frontend/Frontend/src/api/monster.ts
index cfc2568..0150948 100644
--- a/Build_God_Admin_Frontend/Frontend/src/api/monster.ts
+++ b/Build_God_Admin_Frontend/Frontend/src/api/monster.ts
@@ -8,7 +8,7 @@ export interface Monster {
   attack: number;
   defense: number;
   criticalRate: number;
-  level: number;
+  levelId: number;
   type: number;
   icon?: string;
   rewards?: MonsterReward[];
diff --git a/Build_God_Admin_Frontend/Frontend/src/views/admin/MonstersView.vue b/Build_God_Admin_Frontend/Frontend/src/views/admin/MonstersView.vue
index 8d4425f..70ae5ed 100644
--- a/Build_God_Admin_Frontend/Frontend/src/views/admin/MonstersView.vue
+++ b/Build_God_Admin_Frontend/Frontend/src/views/admin/MonstersView.vue
@@ -62,7 +62,7 @@ const formData = ref<Monster>({
   attack: 0,
   defense: 0,
   criticalRate: 0,
-  level: 1,
+  levelId: 1,
   type: 1,
   icon: ''
 })
@@ -116,7 +116,7 @@ const openDialog = (monster?: Monster) => {
       attack: 0,
       defense: 0,
       criticalRate: 0,
-      level: 1,
+      levelId: 1,
       type: 1,
       icon: ''
     }
@@ -258,7 +258,7 @@ const saveMonster = async () => {
   if (formData.value.name == undefined
     || formData.value.description == undefined
     || formData.value.type == undefined
-    || formData.value.level == undefined
+    || formData.value.levelId == undefined
   ) {
     ElMessage.error('请填写必填项')
     return
@@ -404,7 +404,7 @@ const fetchRewardTypes = async () => {
         </template>
       </el-table-column>
       <el-table-column label="名称" prop="name" width="150"></el-table-column>
-      <el-table-column label="等级" prop="level" width="80"></el-table-column>
+      <el-table-column label="等级" prop="levelId" width="80"></el-table-column>
       <el-table-column label="类型">
         <template #default="scoped">
           <span class="monster-type" :class="getMonsterTypeClass(scoped.row.type)">
@@ -477,7 +477,7 @@ const fetchRewardTypes = async () => {
           <el-input v-model="formData.name" placeholder="怪兽名称" clearable />
         </el-form-item>
         <el-form-item label="等级">
-          <el-input-number v-model="formData.level" />
+          <el-input-number v-model="formData.levelId" />
         </el-form-item>
         <el-form-item label="类型">
           <el-select v-model="formData.type">
diff --git a/Build_God_Api/Build_God_Api/DB/Monster.cs b/Build_God_Api/Build_God_Api/DB/Monster.cs
index 04d02aa..a54aff0 100644
--- a/Build_God_Api/Build_God_Api/DB/Monster.cs
+++ b/Build_God_Api/Build_God_Api/DB/Monster.cs
@@ -19,7 +19,8 @@ namespace Build_God_Api.DB
 
         public decimal CriticalRate { get; set; }
 
-        public int Level { get; set; }
+        [SugarColumn(DefaultValue = "10")]
+        public int LevelId { get; set; }
 
         public MonsterType Type { get; set; }
 
diff --git a/Build_God_Api/Build_God_Api/Dto/MonsterDtos.cs b/Build_God_Api/Build_God_Api/Dto/MonsterDtos.cs
index 398ac2e..fe75884 100644
--- a/Build_God_Api/Build_God_Api/Dto/MonsterDtos.cs
+++ b/Build_God_Api/Build_God_Api/Dto/MonsterDtos.cs
@@ -5,7 +5,8 @@ namespace Build_God_Api.Dto
         public int PageNumber { get; set; } = 1;
         public int PageSize { get; set; } = 10;
         public int? MonsterType { get; set; }
-        public int? Level { get; set; }
+        public int? LevelId { get; set; }
+        public int? CharacterId { get; set; }
     }
 
     public class MonsterDto
diff --git a/Build_God_Api/Build_God_Api/Services/MonsterService.cs b/Build_God_Api/Build_God_Api/Services/MonsterService.cs
index 380e4fb..f6e076e 100644
--- a/Build_God_Api/Build_God_Api/Services/MonsterService.cs
+++ b/Build_God_Api/Build_God_Api/Services/MonsterService.cs
@@ -62,9 +62,12 @@ namespace Build_God_Api.Services
 
         public async Task<PagedResult<Monster>> GetAll(SearchMonsterDto dto)
         {
+            var characterLevelId = await _db.Queryable<Character>().Where(c => c.Id == dto.CharacterId).Select(c => c.LevelId).FirstAsync();
+
             var query = _db.Queryable<Monster>()
                 .WhereIF(dto.MonsterType != null, x => (int)x.Type == dto.MonsterType)
-                .WhereIF(dto.Level != null, x => x.Level == dto.Level)
+                .WhereIF(dto.LevelId != null, x => x.LevelId == dto.LevelId)
+                .WhereIF(dto.CharacterId != null, x => x.LevelId == characterLevelId)
                 .OrderBy(x => x.CreatedOn, OrderByType.Desc);
 
             var list = await query.Skip((dto.PageNumber - 1) * dto.PageSize).Take(dto.PageSize).ToListAsync();
diff --git a/Build_God_Game/src/api/monster.ts b/Build_God_Game/src/api/monster.ts
index e8c9171..d2273a8 100644
--- a/Build_God_Game/src/api/monster.ts
+++ b/Build_God_Game/src/api/monster.ts
@@ -8,7 +8,7 @@ export interface MonsterDto {
   attack: number
   defense: number
   criticalRate: number
-  level: number
+  levelId: number
   type: number
   icon?: string
   rewards?: MonsterRewardDto[]
@@ -42,8 +42,8 @@ export interface BattleRewardDto {
 }
 
 export const monsterApi = {
-  getMonsterList: (): Promise<MonsterDto[]> => {
-    return http.post('/monster/all', {}).then((res: any) => res.items || res)
+  getMonsterList: (characterId: number): Promise<MonsterDto[]> => {
+    return http.post('/monster/all', { characterId }).then((res: any) => res.items || res)
   },
 
   getMonsterById: (id: number): Promise<MonsterDto> => {
diff --git a/Build_God_Game/src/stores/monster.ts b/Build_God_Game/src/stores/monster.ts
index 3f7ce3c..913474c 100644
--- a/Build_God_Game/src/stores/monster.ts
+++ b/Build_God_Game/src/stores/monster.ts
@@ -8,10 +8,10 @@ export const useMonsterStore = defineStore('monster', () => {
   const lastBattleResult = ref<ChallengeMonsterResponse | null>(null)
   const loading = ref(false)
 
-  const fetchMonsters = async () => {
+  const fetchMonsters = async (characterId: number) => {
     loading.value = true
     try {
-      const data = await monsterApi.getMonsterList()
+      const data = await monsterApi.getMonsterList(characterId)
       monsters.value = data
     } catch (error) {
       console.error('Failed to fetch monsters:', error)
diff --git a/Build_God_Game/src/views/MonsterListView.vue b/Build_God_Game/src/views/MonsterListView.vue
index ddff8ec..1434a83 100644
--- a/Build_God_Game/src/views/MonsterListView.vue
+++ b/Build_God_Game/src/views/MonsterListView.vue
@@ -4,6 +4,7 @@ import { useRouter } from 'vue-router'
 import { useMonsterStore } from '@/stores/monster'
 import { useCharacterStore } from '@/stores/character'
 import { ElMessage } from 'element-plus'
+import Particles from '@/components/Particles/Particles.vue'
 import defaultIcon from '@/assets/images/item-default.svg'
 
 const router = useRouter()
@@ -33,13 +34,14 @@ const getMonsterTypeClass = (type: number) => {
   return classes[type] || 'type-normal'
 }
 
+const playerId = computed(() => characterStore.currentCharacter?.id || 0)
 const playerLevel = computed(() => characterStore.currentCharacter?.levelId || 0)
 
-const canChallenge = (monster: { level: number }) => {
-  return playerLevel.value >= monster.level
+const canChallenge = (monster: { levelId: number }) => {
+  return playerLevel.value >= monster.levelId
 }
 
-const handleChallenge = async (monster: { id: number; level: number }) => {
+const handleChallenge = async (monster: { id: number; levelId: number }) => {
   if (!canChallenge(monster)) {
     ElMessage.warning('等级不足，无法挑战')
     return
@@ -52,12 +54,15 @@ const handleGoBack = () => {
 }
 
 onMounted(async () => {
-  await monsterStore.fetchMonsters()
+  if (playerId.value) {
+    await monsterStore.fetchMonsters(playerId.value)
+  }
 })
 </script>
 
 <template>
   <div class="monster-list-page">
+    <Particles :particle-count="50" :particle-colors="['#ffffff', '#aaaaaa']" class="particles-bg" />
     <div class="page-container">
       <div class="page-header">
         <span class="back-btn" @click="handleGoBack">← 返回</span>
@@ -75,13 +80,9 @@ onMounted(async () => {
       </div>
 
       <div v-else class="monster-list">
-        <div
-          v-for="monster in monsterStore.monsters"
-          :key="monster.id"
-          class="monster-card"
+        <div v-for="monster in monsterStore.monsters" :key="monster.id" class="monster-card"
           :class="[getMonsterTypeClass(monster.type), { disabled: !canChallenge(monster) }]"
-          @click="handleChallenge(monster)"
-        >
+          @click="handleChallenge(monster)">
           <div class="card-inner">
             <div class="card-header">
               <div class="card-title-row">
@@ -90,7 +91,7 @@ onMounted(async () => {
                 </div>
                 <div class="card-info">
                   <span class="card-title">{{ monster.name }}</span>
-                  <span class="card-level">等级 {{ monster.level }}</span>
+                  <span class="card-level">等级 {{ monster.levelId }}</span>
                 </div>
               </div>
               <span class="type-badge" :class="getMonsterTypeClass(monster.type)">
@@ -121,11 +122,7 @@ onMounted(async () => {
 
             <div class="card-rewards" v-if="monster.rewards && monster.rewards.length > 0">
               <span class="reward-label">击杀奖励:</span>
-              <span
-                v-for="reward in monster.rewards"
-                :key="reward.id"
-                class="reward-item"
-              >
+              <span v-for="reward in monster.rewards" :key="reward.id" class="reward-item">
                 {{ reward.itemName }} ×{{ reward.count }}
               </span>
               <span v-if="monster.rewards.length > 2" class="reward-more">+{{ monster.rewards.length - 2 }}</span>
@@ -151,6 +148,14 @@ onMounted(async () => {
   position: relative;
 }
 
+.particles-bg {
+  position: fixed !important;
+  top: 0;
+  left: 0;
+  width: 100% !important;
+  height: 100% !important;
+}
+
 .page-container {
   max-width: 480px;
   margin: 0 auto;