.category-list-container{margin-bottom:30px;padding:20px;background-color:#fff;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.05)}.category-title{font-size:1.5rem;margin-bottom:20px;color:#333;font-weight:600}.desktop-only{display:block}.mobile-only{display:none}.category-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:10px;transition:all .3s ease;border-radius:8px}.category-item.desktop{background-color:#ffffff;cursor:pointer;width:140px;margin-right:20px;flex-shrink:0;border:none;padding:15px 10px;transition:all .3s ease}.desktop-only .category-scroll-grid{width:max-content;min-width:100%}.category-item.desktop:hover{transform:none;box-shadow:none;background-color:#ffffff}.category-item.mobile{padding:8px;width:80px;margin-right:10px;flex-shrink:0;background-color:#ffffff;border:none;transition:all .3s ease}.category-item.mobile:hover{transform:none;box-shadow:none;background-color:#ffffff}.category-item.desktop .category-icon-wrapper{width:80px;height:80px;margin-bottom:12px;transition:filter .3s ease}.category-item.mobile .category-icon-wrapper{width:60px;height:60px;margin-bottom:8px;transition:filter .3s ease}.category-item:hover .category-icon-wrapper{filter:brightness(1.1)}.category-icon-wrapper{display:flex;align-items:center;justify-content:center;position:relative}.category-icon{width:100%;height:100%;object-fit:contain;border-radius:50%}.category-item.desktop .category-icon-placeholder{font-size:2rem}.category-icon-placeholder{width:100%;height:100%;background-color:#ffffff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#999;border:none}.category-item.desktop .category-name{font-size:1rem;height:44px}.hidden{display:none!important}.category-name{font-size:.9rem;color:#333;margin-top:5px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:40px;line-height:1.2}.category-link{text-decoration:none;color:inherit;display:block;width:100%;height:100%}.category-error{padding:20px;text-align:center;color:#e74c3c;font-size:1rem;background-color:#fef0f0;border-radius:5px}.category-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:150px;width:100%}.loading-text{margin-top:12px;color:#666;font-size:14px}.category-scroll-outer{position:relative;margin:0 -5px;padding:0 5px;overflow:hidden}.category-scroll-container{overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding:10px 0;scroll-behavior:smooth;width:100%;position:relative}.category-scroll-container::-webkit-scrollbar{display:none}.category-scroll-grid{display:inline-flex;padding:0 10px}.category-scroll-grid.desktop{padding:0 15px;display:flex;flex-wrap:nowrap;min-width:100%}.category-scroll-grid.mobile{padding:0 10px;display:flex;flex-wrap:nowrap}.scroll-nav-button{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;background-color:rgba(255,255,255,.9);box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;z-index:5;transition:all .3s ease;border:1px solid rgba(0,0,0,.05);opacity:.9}.scroll-nav-button:hover{background-color:#ffffff;box-shadow:0 4px 12px rgba(0,0,0,.15);opacity:1}.scroll-nav-button:focus{outline:none}.scroll-nav-button.prev{left:5px}.scroll-nav-button.next{right:5px}.scroll-nav-button .anticon{color:#333;font-size:14px}@media (max-width:1200px){.category-list-container{padding:16px}.category-title{font-size:1.3rem;margin-bottom:16px}.category-item.desktop{width:130px;margin-right:16px;background-color:#ffffff;padding:12px 8px}.category-item.desktop .category-icon-wrapper{width:70px;height:70px}}@media (max-width:768px){.desktop-only{display:none}.mobile-only{display:block}.category-list-container{margin:12px auto;padding:12px;border-radius:8px}.category-title{font-size:1.1rem;margin-bottom:12px}.category-icon-wrapper{width:48px;height:48px;margin-bottom:6px}.category-name{font-size:.8rem;margin-top:3px;height:32px}.ant-skeleton-avatar.ant-skeleton-avatar-circle,.category-skeleton-icon{width:48px!important;height:48px!important}.ant-skeleton-button{width:48px!important;height:14px!important}.scroll-nav-button{width:28px;height:28px}.scroll-nav-button .anticon{font-size:12px}}@media (max-width:480px){.category-list-container{margin:8px auto;padding:10px 8px}.category-title{font-size:1rem;margin-bottom:10px}.category-item.mobile{width:70px;padding:6px;margin-right:8px}.category-icon-wrapper{width:40px;height:40px;margin-bottom:4px}.category-icon-placeholder{font-size:1.2rem;background-color:#ffffff}.category-name{font-size:.7rem;margin-top:2px;height:28px}.ant-skeleton-avatar.ant-skeleton-avatar-circle,.category-skeleton-icon{width:40px!important;height:40px!important}.ant-skeleton-button{width:40px!important;height:12px!important}.scroll-nav-button{width:24px;height:24px}.scroll-nav-button .anticon{font-size:10px}}