update

src/components/RunwayLooks.astro

@@ -218,7 +218,7 @@ if (!yearChips.length) yearChips = yearSeed
     </div>
 
     <!-- 品牌筛选弹窗：搜索 + A-Z 跳转 + 热门推荐，按需加载，避免一次拉全量 -->
-    <div class="showsmodal" x-show="modalOpen" x-cloak>
+    <div class="showsmodal" x-show="modalOpen" x-cloak @keydown.escape.window="closeBrandModal()">
         <div class="showsmodal-mask" @click="closeBrandModal()"></div>
         <div class="showsmodal-panel">
         <header class="showsmodal-head">
@@ -342,7 +342,7 @@ if (!yearChips.length) yearChips = yearSeed
   }
 
   .showschecks {
-    @apply list-none mt-[10px] mb-0 p-0 max-h-[280px] overflow-y-auto [scrollbar-width:thin];
+    @apply list-none mt-[10px] mb-0 p-0 max-h-[280px] overflow-y-auto [scrollbar-width:thin] overscroll-contain;
   }
   .showschecks li {
     @apply flex items-center gap-2 py-[5px] text-[11.5px] uppercase tracking-[0.04em] text-black cursor-pointer select-none hover:bg-[#f6f6f6];
@@ -530,7 +530,7 @@ if (!yearChips.length) yearChips = yearSeed
     @apply bg-black text-white border-black;
   }
   .showsmodal-body {
-    @apply flex-1 min-h-0 overflow-y-auto px-2 py-1;
+    @apply flex-1 min-h-0 overflow-y-auto px-2 py-1 overscroll-contain;
   }
   .showsmodal-hint {
     @apply text-[10px] tracking-[0.22em] uppercase text-[#999] px-3 py-2;
@@ -730,10 +730,12 @@ if (!yearChips.length) yearChips = yearSeed
           this.modalKeyword = ""
           this.modalLetter = ""
           this.modalOpen = true
+          document.body.style.overflow = "hidden"
           await this.modalLoadHot()
         },
         closeBrandModal() {
           this.modalOpen = false
+          document.body.style.overflow = ""
         },
         async modalLoadHot() {
           this.modalLoading = true
@@ -789,6 +791,7 @@ if (!yearChips.length) yearChips = yearSeed
         confirmBrandModal() {
           this.selectedBrands = [...this.modalSelected]
           this.modalOpen = false
+          document.body.style.overflow = ""
           this.refreshFilter()
         },