/* HOME_COMPACT_FILTER_STYLES：保留图片及轮播样式，仅调整首页导航和筛选。 */
.home-shell.ui-home.ui-page--index-index[data-v-52e80df1] { --home-visible-primary-height: var(--home-primary-height); --home-chrome-height: calc(var(--home-header-height) + var(--home-visible-primary-height) + 36px) !important;
}
.home-shell.ui-home.home-primary-hidden[data-v-52e80df1] { --home-visible-primary-height: 0px;
}
.home-shell.ui-home .home-categories[data-v-52e80df1] { transition: transform 180ms ease, opacity 180ms ease;
}
.home-shell.ui-home.home-primary-hidden .home-categories[data-v-52e80df1] { transform: translate(-50%, -100%); opacity: 0; visibility: hidden; pointer-events: none;
}
.home-shell.ui-home .home-subcategory-bar[data-v-52e80df1] { top: calc(var(--home-header-height) + var(--home-visible-primary-height)); transition: top 180ms ease;
}
.home-shell.ui-home .home-subcategory-bar[data-v-52e80df1], .home-shell.ui-home .home-subcategories[data-v-52e80df1], .home-shell.ui-home .home-subcategories .home-category-track[data-v-52e80df1] { height: 36px;
}
.home-shell.ui-home .home-subcategories[data-v-52e80df1] { margin-left: 12px;
}
.home-shell.ui-home .home-subcategories .home-category-track[data-v-52e80df1] { gap: 6px;
}
.home-shell.ui-home .home-subcategories .home-category[data-v-52e80df1] { height: 26px; padding: 0 10px; border-radius: 13px; font-size: 12px; line-height: 24px;
}
.home-shell.ui-home .subcategory-filter-button[data-v-52e80df1] { flex-basis: 76px; width: 76px; height: 36px; margin-top: 0; margin-bottom: 0; font-size: 12px; line-height: 36px;
}
.home-shell.ui-home .content-scroll[data-v-52e80df1] { transition: margin-top 180ms ease, height 180ms ease;
}
.home-shell.ui-home .filter-layer[data-v-52e80df1] { z-index: 1001; top: 0; bottom: 0;
}
.home-shell.ui-home .filter-panel[data-v-52e80df1] { top: auto; bottom: 0; border-radius: 20px 20px 0 0; transform-origin: bottom center; box-shadow: 0 -8px 28px rgba(0, 0, 0, .12);
}
.home-shell.ui-home .filter-panel-full[data-v-52e80df1] { height: min(640px, 82dvh); max-height: calc(100% - env(safe-area-inset-top, 0px) - 16px);
}
.home-shell.ui-home .filter-layer-enter-from .filter-panel[data-v-52e80df1], .home-shell.ui-home .filter-layer-leave-to .filter-panel[data-v-52e80df1], .home-shell.ui-home .filter-panel-enter-from[data-v-52e80df1], .home-shell.ui-home .filter-panel-leave-to[data-v-52e80df1] { transform: translateY(100%);
}
.home-shell.ui-home .filter-panel-heading[data-v-52e80df1] { min-height: 64px; padding: 0 18px;
}
.home-shell.ui-home .filter-heading-copy[data-v-52e80df1] { display: flex; flex-direction: column; gap: 4px;
}
.home-shell.ui-home .filter-selection-summary[data-v-52e80df1] { color: #878b94; font-size: 11px; font-weight: 400; line-height: 16px;
}
.home-shell.ui-home .filter-panel-scroll[data-v-52e80df1] { padding: 16px 18px;
}
.home-shell.ui-home .filter-section[data-v-52e80df1] { margin-bottom: 22px;
}
.home-shell.ui-home .filter-options[data-v-52e80df1] { gap: 8px;
}
.home-shell.ui-home .filter-actions[data-v-52e80df1] { grid-template-columns: 1fr 2fr; gap: 12px; border-radius: 0; padding: 12px 18px calc(12px + env(safe-area-inset-bottom));
}
.home-shell.ui-home .filter-actions button[data-v-52e80df1] { height: 44px; border-radius: 12px; font-size: 14px;
}
@media (prefers-reduced-motion: reduce) {
.home-shell.ui-home .home-categories[data-v-52e80df1], .home-shell.ui-home .home-subcategory-bar[data-v-52e80df1], .home-shell.ui-home .content-scroll[data-v-52e80df1] { transition: none;
}
}