fix: rating

pages/rating/detail.vue

@@ -550,16 +550,14 @@ onReachBottom(() => {
 
 /* 评论区 */
 .comments-section {
-  padding: 0;
+  padding: 32rpx;
 }
 
 .tabs-header {
   display: flex;
   justify-content: space-between;
   align-items: center;
-  margin-bottom: 24rpx;
-  border-bottom: 2rpx solid #f0f2f7;
-  padding-bottom: 24rpx;
+  margin-bottom: 32rpx;
 }
 
 .tabs {
@@ -568,7 +566,7 @@ onReachBottom(() => {
 }
 
 .tab {
-  font-size: 30rpx;
+  font-size: 32rpx;
   color: #999;
   font-weight: 500;
   position: relative;
@@ -578,7 +576,7 @@ onReachBottom(() => {
 
 .tab.active {
   color: #111;
-  font-size: 34rpx;
+  font-size: 36rpx;
   font-weight: 800;
 }
 
@@ -614,11 +612,21 @@ onReachBottom(() => {
 .comment-item {
   display: flex;
   padding: 32rpx 0;
-  border-bottom: 2rpx solid #f0f2f7;
+  position: relative;
 }
 
-.comment-item:last-child {
-  border-bottom: none;
+.comment-item::after {
+  content: '';
+  position: absolute;
+  bottom: 0;
+  left: 104rpx; /* 头像宽度(80) + 间距(24) */
+  right: 0;
+  height: 2rpx;
+  background-color: #f0f2f7;
+}
+
+.comment-item:last-child::after {
+  display: none;
 }
 
 .c-avatar {
@@ -639,7 +647,7 @@ onReachBottom(() => {
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
-  margin-bottom: 12rpx;
+  margin-bottom: 8rpx;
 }
 
 .c-user-info {
@@ -652,7 +660,7 @@ onReachBottom(() => {
   font-size: 30rpx;
   font-weight: 800;
   color: #111;
-  margin-right: 12rpx;
+  margin-right: 16rpx;
 }
 
 .c-badge {
@@ -695,14 +703,14 @@ onReachBottom(() => {
 }
 
 .c-text {
-  font-size: 30rpx;
-  color: #333;
+  font-size: 32rpx;
+  color: #222;
   line-height: 1.6;
 }
 
 .load-more {
   text-align: center;
-  padding: 40rpx 0 20rpx;
+  padding: 40rpx 0 0;
   color: #999;
   font-size: 24rpx;
 }