.category-layout__container{display:flex;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.08);min-height:600px}.category-layout__sidebar{width:200px;background:#f5f5f5;border-right:1px solid #f0f0f0;flex-shrink:0}.category-layout__sidebar-item{padding:16px 20px;cursor:pointer;transition:all .2s;position:relative;border-left:3px solid transparent}.category-layout__sidebar-item:hover{background:#fafafa}.category-layout__sidebar-item.active{background:#fff;border-left-color:#ef1f1f;font-weight:600;color:#ef1f1f}.category-layout__sidebar-text{font-size:14px;color:#333;line-height:1.5}.active .category-layout__sidebar-text{color:#ef1f1f}.category-layout__content{flex:1 1;padding:24px;overflow-y:auto}.category-layout__brand-section .category-layout__brand-group{margin-bottom:32px}.category-layout__brand-section .category-layout__brand-group:last-child{margin-bottom:0}.category-layout__brand-title{display:flex;align-items:center;justify-content:center;padding:20px 0;gap:12px}.category-layout__brand-title-line{width:40px;height:1px;background:#999}.category-layout__brand-title-text{font-size:16px;font-weight:600;color:#333}.category-layout__brand-list{margin-top:16px}.category-layout__brand-item{display:flex;justify-content:center;align-items:center;padding:12px;cursor:pointer;transition:all .2s;border-radius:8px}.category-layout__brand-item:hover{background:#f5f5f5;transform:scale(1.05)}.category-layout__brand-item :global(.ant-image){display:flex;align-items:center;justify-content:center}.category-layout__brand-item :global(.ant-image-img){object-fit:contain}.category-layout__category-section{width:100%}.category-layout__category-header{display:flex;justify-content:space-between;align-items:center;padding:12px 0;margin-bottom:24px;cursor:pointer;transition:color .2s}.category-layout__category-header:hover{color:#ef1f1f}.category-layout__category-header-name{font-size:16px;font-weight:600;color:#333}.category-layout__category-header-more{font-size:14px;color:#999;display:flex;align-items:center;gap:4px}.category-layout__category-header:hover .category-layout__category-header-more{color:#ef1f1f}.category-layout__category-list{width:100%}.category-layout__category-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;cursor:pointer;transition:all .2s;border-radius:8px}.category-layout__category-item:hover{background:#f5f5f5;transform:translateY(-2px)}.category-layout__category-item-icon{width:80px;height:80px;border-radius:8px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:600;color:#fff;margin-bottom:8px}.category-layout__category-item-name{font-size:14px;color:#333;text-align:center;margin-top:8px}@media(max-width:768px){.category-layout__container{flex-direction:column;min-height:auto}.category-layout__sidebar{width:100%;display:flex;overflow-x:auto;border-right:none;border-bottom:1px solid #f0f0f0}.category-layout__sidebar-item{white-space:nowrap;padding:12px 16px;flex-shrink:0}.category-layout__content{padding:16px}.category-layout__brand-item,.category-layout__category-item{padding:8px}}.category-page{padding:24px 0;min-height:calc(100vh - 200px);background:#f5f5f5}