.playlists-hot-page[data-v-fc0d3f66]{background-color:var(--color-bg-1);color:var(--color-text-1);min-height:100vh;padding-top:64px;position:relative;z-index:1}.featured-banner-container[data-v-fc0d3f66]{margin:0 auto;padding:2rem 0;width:100%}.content-area[data-v-fc0d3f66]{margin:0 auto;max-width:1360px;padding:2rem;position:relative;z-index:1}.page-header[data-v-fc0d3f66]{flex-wrap:wrap;justify-content:space-between;margin-bottom:1rem}.header-left[data-v-fc0d3f66],.page-header[data-v-fc0d3f66]{align-items:center;display:flex;gap:1rem}.header-left[data-v-fc0d3f66]{flex:1;min-width:0}.page-title[data-v-fc0d3f66]{color:var(--color-text-1);font-size:var(--text-section-title-size,18px);font-weight:var(--font-weight-bold);margin:0}.title-divider[data-v-fc0d3f66]{color:var(--color-text-3);font-size:var(--font-size-h2)}.total-count[data-v-fc0d3f66]{color:var(--color-text-3);font-size:var(--font-size-body)}.header-right[data-v-fc0d3f66]{display:flex;gap:.75rem}.sort-btn[data-v-fc0d3f66]{align-items:center;background:var(--color-bg-2);border:1px solid hsla(0,0%,100%,.1);border-radius:35px;color:var(--color-text-1);cursor:pointer;display:flex;font-size:var(--font-size-body);gap:.5rem;padding:.5rem 1.2rem;transition:all .3s ease}.sort-btn[data-v-fc0d3f66]:hover{background:#ffffff1a;border-color:#fff3}.sort-btn.active[data-v-fc0d3f66]{background:var(--color-primary-main);border-color:var(--color-primary-main);color:#fff}.sort-btn svg[data-v-fc0d3f66]{height:16px;width:16px}.playlists-grid-section[data-v-fc0d3f66]{margin-bottom:3rem}.playlists-grid[data-v-fc0d3f66]{display:grid;gap:.9rem;grid-template-columns:repeat(4,1fr)}.pagination-section[data-v-fc0d3f66]{gap:1rem;margin-top:3rem}.pagination-btn[data-v-fc0d3f66],.pagination-section[data-v-fc0d3f66]{align-items:center;display:flex;justify-content:center}.pagination-btn[data-v-fc0d3f66]{background:var(--color-bg-2);border:1px solid hsla(0,0%,100%,.1);border-radius:6px;color:var(--color-text-1);cursor:pointer;height:40px;transition:all .3s ease;width:40px}.pagination-btn[data-v-fc0d3f66]:hover:not(:disabled){background:var(--color-primary-main);border-color:var(--color-primary-main)}.pagination-btn[data-v-fc0d3f66]:disabled{cursor:not-allowed;opacity:.5}.pagination-btn svg[data-v-fc0d3f66]{height:20px;width:20px}.pagination-numbers[data-v-fc0d3f66]{align-items:center;display:flex;gap:.5rem}.pagination-number[data-v-fc0d3f66]{align-items:center;background:transparent;border:1px solid hsla(0,0%,100%,.2);border-radius:6px;color:var(--color-text-1);cursor:pointer;display:flex;font-size:var(--font-size-body);height:40px;justify-content:center;min-width:40px;transition:all .3s ease}.pagination-number.active[data-v-fc0d3f66],.pagination-number[data-v-fc0d3f66]:hover{border-color:var(--color-primary-main)}.pagination-number.active[data-v-fc0d3f66]{background:var(--color-primary-main);color:var(--color-text-1)}.pagination-ellipsis[data-v-fc0d3f66]{color:var(--color-text-3);padding:0 .5rem}.empty-container[data-v-fc0d3f66],.loading-container[data-v-fc0d3f66]{align-items:center;display:flex;justify-content:center;min-height:400px;padding:2rem}.empty-text[data-v-fc0d3f66],.loading-spinner[data-v-fc0d3f66]{color:var(--color-text-2);font-size:var(--font-size-body)}.loading-spinner[data-v-fc0d3f66]{align-items:center;display:flex;gap:.5rem}@media(min-width:768px)and (max-width:1024px){.content-area[data-v-fc0d3f66]{padding:1.5rem}.playlists-grid[data-v-fc0d3f66]{gap:1.25rem;grid-template-columns:repeat(3,1fr)}}@media(max-width:767px){.playlists-hot-page[data-v-fc0d3f66]{padding-top:56px}.content-area[data-v-fc0d3f66]{padding:1rem}.page-header[data-v-fc0d3f66]{align-items:flex-start;flex-direction:column}.header-left[data-v-fc0d3f66]{width:100%}.header-right[data-v-fc0d3f66]{justify-content:flex-end;width:100%}.playlists-grid[data-v-fc0d3f66]{gap:1rem;grid-template-columns:repeat(2,1fr)}.pagination-section[data-v-fc0d3f66]{flex-wrap:wrap;gap:.5rem}.pagination-number[data-v-fc0d3f66]{font-size:var(--font-size-body-small);height:32px;min-width:32px}}