.album-filter[data-v-dc51f243]{background:var(--n-card-color);border:1px solid var(--n-border-color);border-radius:8px;margin-bottom:20px;padding:20px}.search-sort-section[data-v-dc51f243]{align-items:flex-start;display:flex;gap:16px;margin-bottom:24px}.search-wrapper[data-v-dc51f243]{flex:1}.sort-wrapper[data-v-dc51f243]{flex-shrink:0;width:200px}.search-suffix[data-v-dc51f243]{align-items:center;display:flex;gap:8px}.clear-button[data-v-dc51f243]{padding:0 4px!important}.search-wrapper[data-v-dc51f243] .n-base-clear,.search-wrapper[data-v-dc51f243] .n-input__clear{opacity:0!important;visibility:hidden!important}@media(max-width:768px){.album-filter[data-v-dc51f243]{padding:16px}.search-sort-section[data-v-dc51f243]{flex-direction:column;gap:12px}.sort-wrapper[data-v-dc51f243]{width:100%}}.album-grid[data-v-06077aeb]{contain:layout style;width:100%}.grid-content[data-v-06077aeb]{width:100%}.albums-masonry-ultra[data-v-06077aeb]{-moz-column-count:auto;-moz-column-gap:16px;column-gap:16px;-moz-column-width:260px;columns:260px;margin-bottom:24px;min-height:400px}.masonry-item[data-v-06077aeb]{-moz-column-break-inside:avoid;break-inside:avoid;page-break-inside:avoid;display:inline-block;margin-bottom:16px;overflow:visible;width:100%}.album-card-link[data-v-06077aeb]{color:inherit;display:block;text-decoration:none}.empty-state[data-v-06077aeb]{padding:60px 20px;text-align:center}.skeleton-grid[data-v-06077aeb]{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin-bottom:24px}.skeleton-card[data-v-06077aeb]{background:var(--n-card-color);border:1px solid var(--n-border-color);border-radius:8px;height:300px;overflow:hidden}.skeleton-content[data-v-06077aeb]{display:flex;flex-direction:column;gap:8px;padding:12px}.load-more-trigger[data-v-06077aeb]{margin-bottom:24px}.load-more-content[data-v-06077aeb]{padding:0 20px}.loading-text[data-v-06077aeb]{color:var(--n-text-color-2);font-size:14px;padding:12px;text-align:center}.no-more[data-v-06077aeb]{margin-top:24px;padding:0 20px}.no-more-text[data-v-06077aeb]{color:var(--n-text-color-3);font-size:12px}.trigger-placeholder[data-v-06077aeb]{height:20px;opacity:0}@media(max-width:1200px){.albums-masonry-ultra[data-v-06077aeb]{-moz-column-width:240px;column-width:240px}}@media(max-width:768px){.albums-masonry-ultra[data-v-06077aeb]{-moz-column-gap:12px;column-gap:12px;-moz-column-width:280px;column-width:280px;margin-bottom:16px}.masonry-item[data-v-06077aeb]{margin-bottom:12px}.empty-state[data-v-06077aeb]{padding:40px 16px}}@media(max-width:480px){.albums-masonry-ultra[data-v-06077aeb]{-moz-column-count:1;-moz-column-gap:8px;column-gap:8px;-moz-column-width:auto;columns:1}.masonry-item[data-v-06077aeb]{margin-bottom:8px}}.album-sidebar[data-v-1e83a3a8]{display:flex;flex-direction:column;gap:20px}.sidebar-section[data-v-1e83a3a8]{background:var(--n-card-color);border:1px solid var(--n-border-color);border-radius:8px;overflow:hidden}.section-header[data-v-1e83a3a8]{align-items:center;background:var(--n-modal-color);border-bottom:1px solid var(--n-border-color);display:flex;justify-content:space-between;padding:16px}.sidebar-section:first-child .section-header[data-v-1e83a3a8]{padding-top:32px}.section-title[data-v-1e83a3a8]{align-items:center;color:var(--n-text-color-1);display:flex;font-size:14px;font-weight:600;gap:6px;margin:0}.title-icon[data-v-1e83a3a8]{color:var(--n-primary-color)}.ranking-content[data-v-1e83a3a8]{padding:12px}.ranking-list[data-v-1e83a3a8]{display:flex;flex-direction:column;gap:12px}.ranking-item[data-v-1e83a3a8]{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:10px;padding:8px;transition:all .3s ease}.ranking-item[data-v-1e83a3a8]:hover{background:var(--n-hover-color)}.rank-number[data-v-1e83a3a8]{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:11px;font-weight:600;height:20px;justify-content:center;width:20px}.rank-first[data-v-1e83a3a8]{background:linear-gradient(135deg,gold,#ffed4e);color:#8b5a00}.rank-second[data-v-1e83a3a8]{background:linear-gradient(135deg,silver,#e8e8e8);color:#666}.rank-third[data-v-1e83a3a8]{background:linear-gradient(135deg,#cd7f32,#daa520);color:#5d4e37}.rank-normal[data-v-1e83a3a8]{background:var(--n-border-color);color:var(--n-text-color-3)}.album-thumbnail[data-v-1e83a3a8]{border-radius:4px;flex-shrink:0;height:40px;overflow:hidden;width:40px}.album-thumbnail[data-v-1e83a3a8] .n-image img,.album-thumbnail[data-v-1e83a3a8] .n-image{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.album-info[data-v-1e83a3a8]{flex:1;min-width:0}.album-name[data-v-1e83a3a8]{color:var(--n-text-color-1);display:-webkit-box;font-size:12px;font-weight:500;-webkit-line-clamp:2;line-height:1.3;margin:0 0 4px;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.album-stats[data-v-1e83a3a8]{color:var(--n-text-color-3);font-size:10px}.stat-item[data-v-1e83a3a8]{align-items:center;display:flex;gap:4px;margin-bottom:2px}.album-time[data-v-1e83a3a8]{color:var(--n-text-color-3);font-size:10px}.empty-ranking[data-v-1e83a3a8]{padding:20px;text-align:center}@media(max-width:768px){.album-sidebar[data-v-1e83a3a8]{display:none}}.album-page[data-v-1ff9ff41]{background:var(--n-body-color);min-height:100vh}.page-content[data-v-1ff9ff41]{padding-top:24px}.main-layout[data-v-1ff9ff41]{display:flex;gap:24px}.main-content[data-v-1ff9ff41]{flex:1;min-width:0}.sidebar[data-v-1ff9ff41]{flex-shrink:0;width:280px}.page-header[data-v-1ff9ff41]{background:var(--n-card-color);border:1px solid var(--n-border-color);border-radius:8px;justify-content:space-between;margin-bottom:20px;padding:16px 20px}.header-left[data-v-1ff9ff41],.page-header[data-v-1ff9ff41]{align-items:center;display:flex}.header-left[data-v-1ff9ff41]{gap:16px}.page-title[data-v-1ff9ff41]{align-items:center;color:var(--n-text-color-1);display:flex;font-size:20px;font-weight:600;gap:8px;margin:0}.title-icon[data-v-1ff9ff41]{color:var(--n-primary-color)}.page-stats[data-v-1ff9ff41]{align-items:center;color:var(--n-text-color-3);display:flex;font-size:13px;gap:8px}.stats-item strong[data-v-1ff9ff41]{color:var(--n-primary-color);font-weight:600}.stats-separator[data-v-1ff9ff41]{color:var(--n-border-color)}.filter-section[data-v-1ff9ff41]{margin-bottom:20px}.grid-section[data-v-1ff9ff41]{min-height:400px}@media(max-width:1200px){.main-layout[data-v-1ff9ff41]{gap:16px}.sidebar[data-v-1ff9ff41]{width:260px}}@media(max-width:992px){.sidebar[data-v-1ff9ff41]{display:none}}@media(max-width:768px){.page-header[data-v-1ff9ff41]{gap:12px;padding:12px 16px}.header-left[data-v-1ff9ff41],.page-header[data-v-1ff9ff41]{align-items:flex-start;flex-direction:column}.header-left[data-v-1ff9ff41]{gap:8px}.page-title[data-v-1ff9ff41]{font-size:18px}.page-stats[data-v-1ff9ff41]{font-size:12px}}