feat: 添加收益明细类型和相关数据结构，优化收益记录展示逻辑

src/ui/tabs/index.vue

@@ -337,7 +337,17 @@ const stickyStyle = computed(() => {
 
 /* 导航包装器 */
 .ui-tabs__nav-wrapper {
-  @apply relative w-fit mb-4;
+  @apply relative w-full mb-4 overflow-x-auto;
+}
+
+/* 隐藏滚动条但保持滚动功能 */
+.ui-tabs__nav-wrapper::-webkit-scrollbar {
+  display: none;
+}
+
+.ui-tabs__nav-wrapper {
+  -ms-overflow-style: none;
+  scrollbar-width: none;
 }
 
 /* Sticky 布局 */
@@ -365,7 +375,9 @@ const stickyStyle = computed(() => {
 
 /* 导航容器 */
 .ui-tabs__nav {
-  @apply relative flex;
+  @apply relative inline-flex;
+  min-width: min-content;
+  white-space: nowrap;
 }
 
 .ui-tabs__nav--bar,
@@ -395,6 +407,7 @@ const stickyStyle = computed(() => {
 .ui-tab {
   @apply relative flex items-center justify-between cursor-pointer transition-all duration-200;
   color: var(--ion-color-medium, #6b7280);
+  flex-shrink: 0;
 }
 
 .ui-tab:hover:not(.ui-tab--disabled):not(.ui-tab--active) {