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