.left-category[data-v-3fb6a7e2]{width:100%;position:relative}.category-nav[data-v-3fb6a7e2]{border-radius:8px;box-shadow:0 2px 8px #0000001a;height:465px;overflow-y:hidden}.category-nav[data-v-3fb6a7e2]:hover{overflow-y:auto}.category-nav .category-item[data-v-3fb6a7e2]{position:relative}.category-nav .category-item .category-title[data-v-3fb6a7e2]{display:flex;gap:6px;padding:6px 10px;border-bottom:1px solid hsla(0,0%,100%,.1);cursor:pointer;transition:all .3s ease;color:#000}.category-nav .category-item .category-title[data-v-3fb6a7e2]:hover{background-color:#ffffff1a}.category-nav .category-item .category-title .category-icon[data-v-3fb6a7e2]{width:16px;height:16px;-o-object-fit:contain;object-fit:contain;flex-shrink:0;margin-top:3px}.category-nav .category-item .category-title .category-name-container[data-v-3fb6a7e2]{flex:1;display:flex;flex-direction:column;gap:4px;overflow:hidden}.category-nav .category-item .category-title .category-name[data-v-3fb6a7e2]{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4;color:#262626}.category-nav .category-item .category-title .subtitles-container[data-v-3fb6a7e2]{display:flex;gap:8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.category-nav .category-item .category-title .category-subtitle[data-v-3fb6a7e2]{font-size:12px;color:#999;line-height:1.3;transition:color .2s ease}.category-nav .category-item .category-title .category-subtitle[data-v-3fb6a7e2]:hover{color:#666}.category-nav .category-item .category-title .category-subtitle[data-v-3fb6a7e2]:after{content:"|";margin-left:8px;color:#e0e0e0}.category-nav .category-item .category-title .category-subtitle[data-v-3fb6a7e2]:last-child:after{display:none}.category-nav .category-item .category-title .arrow[data-v-3fb6a7e2]{font-size:14px;color:#ffffffb3;transition:color .3s ease}.subcategory[data-v-3fb6a7e2]{position:absolute;left:100%;top:0;background-color:#fff;width:750px;height:465px;border-radius:0 8px 8px 0;box-shadow:2px 0 8px #0000001a;border:1px solid #e0e0e0;border-left:none;z-index:1000}.subcategory .subcategory-content[data-v-3fb6a7e2]{padding:20px;height:100%;overflow-y:auto}.subcategory .subcategory-content .subcategory-section[data-v-3fb6a7e2]{margin-bottom:15px;display:flex;align-items:flex-start;gap:15px}.subcategory .subcategory-content .subcategory-section .section-title[data-v-3fb6a7e2]{font-size:14px;font-weight:700;color:#333;white-space:nowrap;min-width:80px;cursor:pointer;transition:color .2s ease}.subcategory .subcategory-content .subcategory-section .section-title[data-v-3fb6a7e2]:hover{color:var(--color,#007bff)}.subcategory .subcategory-content .subcategory-section .section-title[data-v-3fb6a7e2]:after{content:">";margin-left:5px;font-size:12px}.subcategory .subcategory-content .subcategory-section .section-items[data-v-3fb6a7e2]{flex:1;display:flex;flex-wrap:wrap;gap:10px}.subcategory .subcategory-content .subcategory-section .section-items .section-item[data-v-3fb6a7e2]{font-size:12px;color:#666;cursor:pointer;transition:color .2s ease;white-space:nowrap;padding:2px 4px;border-radius:4px}.subcategory .subcategory-content .subcategory-section .section-items .section-item[data-v-3fb6a7e2]:hover{color:var(--color,#007bff);background-color:#007bff0d}@media(max-width:1024px){.category-nav[data-v-3fb6a7e2]{height:auto;max-height:400px;overflow-y:hidden}.category-nav[data-v-3fb6a7e2]:hover{overflow-y:auto}}