diff --git a/frontend/pages/components/AssetSelector.vue b/frontend/pages/components/AssetSelector.vue
index 14772bd..3375c28 100644
--- a/frontend/pages/components/AssetSelector.vue
+++ b/frontend/pages/components/AssetSelector.vue
@@ -51,7 +51,7 @@
 									:src="getGradeBackground(gradeItem.grade)"
 									mode="aspectFill"
 								></image>
-								<text class="grade-title">{{ formatGrade(gradeItem.grade) }}</text>
+								<!-- <text class="grade-title">{{ formatGrade(gradeItem.grade) }}</text> -->
 							</view>
 							<scroll-view class="asset-row" scroll-x :show-scrollbar="false" :enable-flex="true">
 								<view class="asset-row-content">
@@ -202,20 +202,22 @@ const currentItems = computed(() => {
 });
 
 // grade 中文转换
-const gradeMap = { 1: '一', 2: '二', 3: '三', 4: '四', 5: '五' };
-const formatGrade = (grade) => `V${grade}`;
+// const gradeMap = { 1: '一', 2: '二', 3: '三', 4: '四', 5: '五' };
+// const formatGrade = (grade) => `V${grade}`;
 
 // 获取等级背景图
-const getGradeBackground = (grade) => {
-	if (grade <= 2) {
-		return '/static/starbookcontent/V1dengji.png';
-	} else if (grade <= 4) {
-		return '/static/starbookcontent/V2dengji.png';
-	} else {
-		return '/static/starbookcontent/V3dengji.png';
-	}
+const gradeMap = {
+	1: '/static/starbookcontent/grade/Ndengji.png',
+	2: '/static/starbookcontent/grade/Rdengji.png',
+	3: '/static/starbookcontent/grade/SRdengji.png',
+	4: '/static/starbookcontent/grade/SSRdengji.png',
+	5: '/static/starbookcontent/grade/URengji.png',
 };
 
+function getGradeBackground(grade) {
+	return gradeMap[grade] || gradeMap[1];
+}
+
 // 切换类型
 const switchType = (type) => {
 	currentType.value = type;
@@ -485,30 +487,20 @@ const handleTouchEnd = (e) => {
 }
 
 .grade-section {
-	background: #f0839960;
 	border-radius: 16rpx;
-	padding: 20rpx;
-	margin-bottom: 20rpx;
+	padding:0 20rpx;
 }
 
 .grade-header {
 	position: relative;
-	margin-bottom: 16rpx;
-	padding: 16rpx 24rpx;
-	display: inline-flex;
-	align-items: center;
-	justify-content: center;
-	width: 160rpx;
-	height: 32rpx;
+	/* width: 160rpx; */
+	height: 80rpx;
+
 }
 
 .grade-header-bg {
-	position: absolute;
-	top: 0;
-	left: 0;
-	width: 160rpx;
-	height: 64rpx;
-	z-index: 0;
+	width: 80rpx;
+	height: 80rpx;
 }
 
 .grade-title {
@@ -523,6 +515,8 @@ const handleTouchEnd = (e) => {
 	width: 100%;
 	height: 288rpx;
 	white-space: nowrap;
+	background: #f0839960;
+	padding: 0.5rem;
 }
 
 .asset-row::-webkit-scrollbar {