.category-grid-wrap[data-v-8fbf2ca6]{height:100%;overflow-x:hidden;overflow-y:auto;padding:16px 0;width:100%}.category-grid-wrap[data-v-8fbf2ca6]::-webkit-scrollbar{width:4px}.category-grid-wrap[data-v-8fbf2ca6]::-webkit-scrollbar-thumb{background-color:#ddd;border-radius:4px}.category-grid[data-v-8fbf2ca6]{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));width:100%}.category-card[data-v-8fbf2ca6]{background:#f4f5f6;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;min-height:180px;padding:16px;transition:all .2s ease}.category-card[data-v-8fbf2ca6]:hover{background:#ebebeb;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.category-card .card-name[data-v-8fbf2ca6]{color:var(--text_font_color);display:-webkit-box;font-size:14px;font-weight:600;line-height:1.3;margin-bottom:8px;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.category-card .card-image[data-v-8fbf2ca6]{align-items:center;display:flex;flex:1;justify-content:center;padding:12px 0}.category-card .card-image img[data-v-8fbf2ca6]{height:auto;max-height:100px;max-width:100px;-o-object-fit:contain;object-fit:contain;width:auto}.category-card .card-image .card-image-placeholder[data-v-8fbf2ca6]{align-items:center;color:#ccc;display:flex;justify-content:center}.category-card .card-count[data-v-8fbf2ca6]{align-items:center;color:#666;display:flex;font-size:12px;gap:6px;margin-top:auto}.category-card .card-count .count-icon[data-v-8fbf2ca6]{align-items:flex-end;background:#ff2548;border-radius:50%;display:flex;flex-shrink:0;gap:1px;height:16px;justify-content:center;padding-bottom:3.5px;width:16px}.category-card .card-count .count-icon span[data-v-8fbf2ca6]{background:#fff;border-radius:1px;width:2px}.category-card .card-count .count-icon span.bar-1[data-v-8fbf2ca6]{height:5px}.category-card .card-count .count-icon span.bar-2[data-v-8fbf2ca6]{height:8px}.category-card .card-count .count-icon span.bar-3[data-v-8fbf2ca6]{height:4px}@media (max-width:768px){.category-grid-wrap[data-v-8fbf2ca6]{padding:12px}.category-grid[data-v-8fbf2ca6]{gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.category-card[data-v-8fbf2ca6]{border-radius:10px;min-height:150px;padding:12px}.category-card .card-name[data-v-8fbf2ca6]{font-size:13px}.category-card .card-image img[data-v-8fbf2ca6]{max-height:80px;max-width:80px}}