【需求 21402】 styles: 优化样式

src/components/common/CommentListDialog/index.vue

@@ -3,7 +3,7 @@
     v-model="visible"
     :title="dialogTitle"
     width="650px"
-    class="rounded-2xl overflow-hidden"
+    class="rounded-2xl! overflow-hidden"
     :show-close="false"
     top="5vh"
     append-to-body
@@ -27,7 +27,7 @@
 
     <div class="flex flex-col h-[75vh]">
       <!-- 中间滚动区域 -->
-      <div class="flex-1 overflow-y-auto custom-scrollbar p-6 pt-0">
+      <div ref="scrollContainer" class="flex-1 overflow-y-auto custom-scrollbar p-6 pt-0">
         <!-- 1. 顶部：父级评论展示 -->
         <div v-if="parentComment" class="flex gap-4 bg-gray-50 p-5 rounded-xl">
           <img
@@ -264,6 +264,8 @@ const bottomImgUrl = ref('')
 const bottomLoadingBtn = ref(false)
 const replyToOtherBoxRefList = ref<HTMLElement[]>([])
 
+const scrollContainerRef = useTemplateRef('scrollContainer')
+
 const commentStr = ref('')
 const imgUrl = ref('')
 const loadingBtn = ref(false)
@@ -348,9 +350,15 @@ const submitReply = async (targetId: number | undefined) => {
     }
 
     // 刷新列表
-    refresh()
+    await refresh()
     // 通知父组件可能需要更新评论数
     emit('refresh')
+
+    scrollContainerRef.value?.scrollTo({
+      top: scrollContainerRef.value?.scrollHeight,
+      behavior: 'smooth',
+    })
+    // 下滑到底部
   } catch (error) {
     console.error(error)
   } finally {

src/views/auction/index.vue

@@ -210,7 +210,7 @@ const onBid = async (item: AuctionItemDto) => {
     <div class="flex gap-3 relative">
       <BackButton />
       <div class="flex-3/4 min-w-0">
-        <div class="bg-white/90 rounded-2xl p-6 shadow-lg border border-white/60">
+        <div class="bg-white/90 rounded-lg p-6 shadow-lg border border-white/60">
           <div class="flex items-center gap-3 mb-6">
             <div
               class="w-1.5 h-7 bg-gradient-to-b from-[--un-gradient-from] to-[--un-gradient-to] rounded-full shadow-sm"
@@ -367,7 +367,7 @@ const onBid = async (item: AuctionItemDto) => {
       <!-- 右侧：信息面板 -->
       <div class="flex-1/4 space-y-6">
         <!-- YA币信息卡片 -->
-        <div class="bg-white/90 rounded-2xl p-6 shadow-lg border border-white/60 sticky top-[52px]">
+        <div class="bg-white/90 rounded-lg p-6 shadow-lg border border-white/60 sticky top-[52px]">
           <div class="text-center mb-6">
             <div class="text-gray-500 text-sm mb-2">当前YA币</div>
             <div

src/views/pointsStore/index.vue

@@ -5,7 +5,7 @@
       <!-- 左侧：商品列表区域 -->
       <div class="flex-3/4 min-w-0">
         <!-- 虚拟装饰区域 -->
-        <div class="bg-white/90 rounded-2xl p-6 shadow-lg mb-3 border border-white/60">
+        <div class="bg-white/90 rounded-lg p-6 shadow-lg mb-3 border border-white/60">
           <div class="flex items-center gap-3 mb-6">
             <div
               class="w-1.5 h-7 bg-gradient-to-b from-[#8b5cf6] to-[#6366f1] rounded-full shadow-sm"
@@ -70,7 +70,7 @@
         </div>
 
         <!-- 实物奖品区域 -->
-        <div class="bg-white/90 rounded-2xl p-6 shadow-lg border border-white/60">
+        <div class="bg-white/90 rounded-lg p-6 shadow-lg border border-white/60">
           <div class="flex items-center gap-3 mb-6">
             <div
               class="w-1.5 h-7 bg-gradient-to-b from-[#8b5cf6] to-[#6366f1] rounded-full shadow-sm"
@@ -158,7 +158,7 @@
       <!-- 右侧：信息面板 -->
       <div class="flex-1/4 flex-shrink-0 space-y-6">
         <!-- YA币信息卡片 -->
-        <div class="bg-white/90 rounded-2xl p-3 shadow-lg border border-white/60 sticky top-[52px]">
+        <div class="bg-white/90 rounded-lg p-3 shadow-lg border border-white/60 sticky top-[52px]">
           <div class="text-center mb-6">
             <div class="text-gray-500 text-sm mb-2">当前YA币</div>
             <div