feat: 更新图标和样式，添加底部弹层滑动效果

src/App.vue

@@ -57,7 +57,9 @@ onBeforeUnmount(() => {
       <BottomDock />
 
       <!-- 新增记录底部弹窗：在任意 Tab 上浮层显示 -->
-      <AddEntryView v-if="uiStore.addEntryVisible" />
+      <transition name="slide-up">
+        <AddEntryView v-if="uiStore.addEntryVisible" />
+      </transition>
     </div>
   </div>
 </template>

src/style.css

@@ -36,5 +36,15 @@
     -webkit-background-clip: text;
     color: transparent;
   }
-}
 
+  /* 底部弹层上滑 / 下滑动效，与设计稿 ui_mock.html 保持一致 */
+  .slide-up-enter-active,
+  .slide-up-leave-active {
+    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
+  }
+
+  .slide-up-enter-from,
+  .slide-up-leave-to {
+    transform: translateY(100%);
+  }
+}

src/views/AddEntryView.vue

@@ -156,7 +156,7 @@ transactionStore.ensureInitialized()
     @click.self="closePanel"
   >
     <div
-      class="bg-white w-full rounded-t-[32px] p-6 pb-10 shadow-2xl max-h-[80vh] overflow-y-auto hide-scrollbar"
+      class="bg-white w-full rounded-t-[32px] rounded-b-none border border-stone-100 border-b-0 p-6 pb-10 shadow-2xl max-h-[80vh] overflow-y-auto hide-scrollbar"
       :style="sheetStyle"
     >
       <div