.category-tabs-container{background-color:#fff;padding:16px;margin-bottom:16px;border-bottom:1px solid #eee}.category-tabs-scroll{display:flex;flex-wrap:wrap;gap:8px}.category-tab{display:flex;align-items:center;gap:8px;padding:10px 16px;background-color:#f5f5f5;border:2px solid transparent;border-radius:24px;cursor:pointer;transition:all .2s ease;font-family:inherit;font-size:14px;font-weight:600;color:#333;flex-shrink:0}.category-tab:hover{background-color:#ebebeb;transform:translateY(-1px)}.category-tab--active{background-color:#fff;border-color:#7c3aed;color:#7c3aed}.category-tab--active:hover{background-color:#fff}.category-tab__name{font-weight:600}.category-tab__count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 8px;background-color:rgba(124,58,237,.1);color:#7c3aed;border-radius:12px;font-size:12px;font-weight:700}.category-tab--active .category-tab__count{background-color:#7c3aed;color:#fff}.category-tab--more{background-color:transparent;border:2px dashed #ddd;color:#666}.category-tab--more:hover{background-color:#f9f9f9;border-color:#7c3aed;color:#7c3aed}@media (max-width:768px){.category-tabs-container{padding:12px;margin-bottom:12px}.category-tabs-scroll{gap:6px}.category-tab{padding:8px 12px;font-size:13px}.category-tab__count{min-width:20px;height:20px;padding:0 6px;font-size:11px}}