优化了消息数量,筛选和顶部部分

frontend/src/features/listings/views/MobileHomeFilterSheet.vue

@@ -33,6 +33,7 @@ const emit = defineEmits<{
   'update:show': [value: boolean]
   'update:selectedFilters': [value: SelectedFilters]
   'update:rangeFilters': [value: RangeFilters]
+  reset: []
 }>()
 
 const activeCount = computed(() => {
@@ -105,8 +106,7 @@ function isRangePresetActive(sectionKey: string, min: string, max: string) {
 }
 
 function resetFilters() {
-  emit('update:selectedFilters', {})
-  emit('update:rangeFilters', {})
+  emit('reset')
 }
 
 function scrollToSection(sectionKey: string) {

frontend/src/features/listings/views/MobileHomeView.css

@@ -3,15 +3,12 @@
   max-width: 430px;
   min-height: 100vh;
   margin: 0 auto;
-  padding-bottom: 68px;
+  padding-bottom: calc(72px + env(safe-area-inset-bottom));
   background: #f6f8fb;
   color: #17233d;
 }
 
 .mobile-hero {
-  position: sticky;
-  top: 0;
-  z-index: 20;
   padding: 12px 12px 10px;
   background: #fff;
   box-shadow: 0 1px 0 rgba(15, 23, 42, 0.06);

frontend/src/features/listings/views/MobileHomeView.vue

@@ -825,6 +825,7 @@ syncMobileHomeQuery()
       v-model:range-filters="rangeFilters"
       :sections="filterSections"
       :range-presets="rangePresets"
+      @reset="clearFilters"
     />
 
     <button