.container[data-v-0f28f222]{background:#f5f5f5;min-height:100vh}.search-bar[data-v-0f28f222]{height:48px;background:#d91f26;padding:8px 12px;display:flex;align-items:center}.search-input[data-v-0f28f222]{width:100%;height:32px;background:hsla(0,0%,100%,.95);border-radius:16px;display:flex;align-items:center;justify-content:center;padding:0 12px;cursor:pointer;gap:5px}.search-txt[data-v-0f28f222]{font-size:13px;color:#bbb}.catalog-body[data-v-0f28f222]{display:flex;height:calc(100vh - 98px)}.cat-nav[data-v-0f28f222]{width:85px;background:#f7f7f7;overflow-y:auto;flex-shrink:0}.cat-nav[data-v-0f28f222]::-webkit-scrollbar{display:none}.cat-nav-item[data-v-0f28f222]{padding:14px 8px;font-size:13px;color:#555;text-align:center;cursor:pointer;border-left:3px solid transparent;line-height:1.4}.cat-nav-item.active[data-v-0f28f222]{background:#fff;color:#d91f26;font-weight:700;border-left-color:#d91f26}.cat-content[data-v-0f28f222]{flex:1;overflow-y:auto;background:#fff;padding-bottom:16px}.cat-content[data-v-0f28f222]::-webkit-scrollbar{display:none}.cat-banner[data-v-0f28f222]{position:relative;width:100%;height:100px;overflow:hidden}.cat-banner-img[data-v-0f28f222]{width:100%;height:100px;-o-object-fit:cover;object-fit:cover;display:block}.cat-banner-txt[data-v-0f28f222]{position:absolute;bottom:8px;left:12px;color:#fff;font-size:14px;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.4)}.cat-hd[data-v-0f28f222]{display:flex;align-items:center;padding:12px 16px;gap:8px}.hd-line[data-v-0f28f222]{flex:1;height:1px;background:#e0e0e0}.hd-txt[data-v-0f28f222]{font-size:13px;color:#888;white-space:nowrap}.sub-grid[data-v-0f28f222]{display:flex;flex-wrap:wrap;padding:0 8px}.sub-item[data-v-0f28f222]{width:33.33%;display:flex;flex-direction:column;align-items:center;padding:10px 4px;cursor:pointer}.sub-icon[data-v-0f28f222]{width:56px;height:56px;-o-object-fit:cover;object-fit:cover;border-radius:50%;background:#f5f5f5;margin-bottom:6px}.sub-txt[data-v-0f28f222]{font-size:12px;color:#333;text-align:center}