diff --git a/pages/index.vue b/pages/index.vue
index dfeeee2..36fb5f0 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -133,15 +133,17 @@ page {
   box-sizing: border-box;
 }
 .page-container {
-  background-color: #f8f8f8;
   padding: 20rpx;
   box-sizing: border-box;
+  background: radial-gradient(circle at top left, #E8F4F8 40%, #F8FCFE 100%);
 }
 
 .list-scroll {
-  background-color: #fff;
+  /* 把背景色改为透明，才能透出背景渐变 */
+  background-color: transparent;
   border-radius: 8rpx;
   overflow: hidden;
+  margin-top: 10rpx;
   /* 新增：H5端避免滚动条样式不一致 */
   scrollbar-width: thin;
 }
@@ -156,12 +158,16 @@ page {
 
 .list-item {
   padding: 12rpx 24rpx;
-  border-bottom: 20rpx solid #f7f7f7;
+  /* 移除border-bottom，改为margin-top，并且把列表项背景设为半透明白色 */
+  margin-bottom: 20rpx;
+  background-color: rgba(255, 255, 255, 0.85);
+  border-radius: 12rpx;
   /* 新增：点击态样式，双端统一 */
-  transition: background-color 0.2s;
+  transition: all 0.2s ease;
 }
 .list-item:active {
-  background-color: #f5f5f5;
+  background-color: rgba(255, 255, 255, 0.95);
+  transform: scale(0.98);
 }
 
 .item-title {
@@ -214,6 +220,9 @@ page {
   color: #999;
   font-size: 26rpx;
   gap: 10rpx;
+  margin-top: 20rpx;
+  background-color: rgba(255, 255, 255, 0.85);
+  border-radius: 12rpx;
 }
 
 .no-more {
@@ -228,5 +237,8 @@ page {
   font-size: 26rpx;
   /* 可选：增加上下内边距，视觉更舒适 */
   padding: 30rpx 0;
+  margin-top: 20rpx;
+  background-color: rgba(255, 255, 255, 0.85);
+  border-radius: 12rpx;
 }
 </style>
\ No newline at end of file