.refactored-favorite-page[data-v-4c2cc648]{position:relative;min-height:100vh;display:flex;flex-direction:column;background-color:var(--bodyBg)}.background-video[data-v-4c2cc648]{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:0;opacity:.3}.favorite-main-container[data-v-4c2cc648]{flex-grow:1;padding:25px;position:relative;z-index:1;max-width:1400px;width:100%;margin:0 auto;display:flex;flex-direction:column}.page-title[data-v-4c2cc648]{font-size:30px;font-weight:700;color:var(--fontColor);text-align:center;margin:40px 0}.content-layout[data-v-4c2cc648]{display:flex;flex-grow:1;background-color:var(--favoriteBg);border-radius:12px;box-shadow:0 8px 16px -4px rgba(44,45,48,.10196078431372549);overflow:hidden;margin-top:20px}.left-menu[data-v-4c2cc648]{width:220px;min-width:180px;background-color:var(--background);padding:20px 0;border-right:1px solid var(--borderColor);display:flex;flex-direction:column}.menu-item[data-v-4c2cc648]{padding:15px 25px;cursor:pointer;color:var(--fontColor);font-size:16px;font-weight:500;transition:background-color .3s,color .3s;display:flex;align-items:center}.menu-icon[data-v-4c2cc648]{margin-right:10px;font-size:18px}.menu-item.active[data-v-4c2cc648],.menu-item[data-v-4c2cc648]:hover{background-color:var(--themeColor);color:var(--fontColor)}.menu-item.active[data-v-4c2cc648]{font-weight:700;border-left:3px solid var(--highlightColor,var(--themeColor));padding-left:22px}.right-content[data-v-4c2cc648]{flex-grow:1;padding:25px;overflow-y:auto;background-color:var(--favoriteBg)}.empty-state[data-v-4c2cc648]{text-align:center;padding:50px;color:var(--fontColor);opacity:.7}.collect-classify[data-v-4c2cc648]{font-size:24px;font-weight:700;margin-bottom:15px;color:var(--fontColor)}.favorite-item-wrap[data-v-4c2cc648]{display:flex;flex-wrap:wrap;margin-left:-10px}.favorite-item[data-v-4c2cc648]{transition:all .3s;border-radius:12px;box-shadow:0 4px 8px -2px rgba(44,45,48,.0392156862745098);background:var(--background);display:flex;flex-basis:calc(33.333% - 20px);min-width:250px;max-width:320px;height:90px;overflow:hidden;padding:15px;cursor:pointer;margin:10px;color:var(--fontColor)}.favorite-item[data-v-4c2cc648]:hover{transform:translateY(-4px);box-shadow:0 8px 16px -4px rgba(44,45,48,.09411764705882353);background:var(--themeColor);color:var(--white)}.favorite-item:hover .favorite-item-image[data-v-4c2cc648]{transition:all .4s;transform:scale(0);opacity:0;margin-right:0;width:0!important}.favorite-item:hover div[data-v-4c2cc648]:nth-child(2){width:100%!important}.favorite-item-image[data-v-4c2cc648]{margin-right:20px;transition:all .3s}.favorite-item-title[data-v-4c2cc648]{font-size:18px;font-weight:700;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:5px}.favorite-item-introduction[data-v-4c2cc648]{opacity:.7;font-weight:400;letter-spacing:.5px;font-size:13px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media screen and (max-width:992px){.left-menu[data-v-4c2cc648]{width:200px;min-width:160px}.favorite-item[data-v-4c2cc648]{flex-basis:calc(50% - 20px)}}@media screen and (max-width:768px){.content-layout[data-v-4c2cc648]{flex-direction:column;box-shadow:none;background-color:transparent;border-radius:0}.left-menu[data-v-4c2cc648]{width:100%;flex-direction:row;justify-content:space-around;border-right:none;border-bottom:1px solid var(--borderColor);padding:10px 0;background-color:var(--background);border-radius:8px 8px 0 0}.menu-item[data-v-4c2cc648]{padding:10px 15px;font-size:15px}.menu-item.active[data-v-4c2cc648]{border-left:none;border-bottom:3px solid var(--highlightColor,var(--themeColor));padding-left:15px}.right-content[data-v-4c2cc648]{padding:20px;border-radius:0 0 8px 8px;background-color:var(--favoriteBg)}.favorite-item[data-v-4c2cc648]{flex-basis:calc(100% - 20px);max-width:none}.page-title[data-v-4c2cc648]{margin:20px 0;font-size:26px}}.my-animation-slide-top[data-v-4c2cc648]{-webkit-animation:slide-top-data-v-4c2cc648 .5s .1s backwards;animation:slide-top-data-v-4c2cc648 .5s .1s backwards}.my-animation-slide-left[data-v-4c2cc648]{-webkit-animation:slide-left-data-v-4c2cc648 .5s .1s backwards;animation:slide-left-data-v-4c2cc648 .5s .1s backwards}.my-animation-slide-right[data-v-4c2cc648]{-webkit-animation:slide-right-data-v-4c2cc648 .5s .1s backwards;animation:slide-right-data-v-4c2cc648 .5s .1s backwards}.my-animation-hideToShow[data-v-4c2cc648]{-webkit-animation:hideToShow-data-v-4c2cc648 .5s .1s backwards;animation:hideToShow-data-v-4c2cc648 .5s .1s backwards}@-webkit-keyframes slide-top-data-v-4c2cc648{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-top-data-v-4c2cc648{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}@-webkit-keyframes slide-left-data-v-4c2cc648{0%{transform:translateX(-30px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slide-left-data-v-4c2cc648{0%{transform:translateX(-30px);opacity:0}to{transform:translateX(0);opacity:1}}@-webkit-keyframes slide-right-data-v-4c2cc648{0%{transform:translateX(30px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slide-right-data-v-4c2cc648{0%{transform:translateX(30px);opacity:0}to{transform:translateX(0);opacity:1}}@-webkit-keyframes hideToShow-data-v-4c2cc648{0%{opacity:0}to{opacity:1}}@keyframes hideToShow-data-v-4c2cc648{0%{opacity:0}to{opacity:1}}