.avatar-list-page[data-v-e87f23a4]{background:#f4f7fa;min-height:100vh;padding:32px}.page-header[data-v-e87f23a4]{justify-content:space-between;align-items:flex-start;margin-bottom:32px;display:flex}.page-title[data-v-e87f23a4]{color:#111;align-items:center;gap:12px;margin-bottom:8px;font-size:28px;font-weight:700;display:flex}.page-desc[data-v-e87f23a4]{color:#666;font-size:14px}.empty-state[data-v-e87f23a4]{text-align:center;padding:80px 0}.empty-state h3[data-v-e87f23a4]{color:#333;margin:16px 0 8px}.empty-state p[data-v-e87f23a4]{color:#999;margin-bottom:24px}.avatar-grid[data-v-e87f23a4]{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;display:grid}.avatar-card[data-v-e87f23a4]{cursor:pointer;background:#fff;border-radius:12px;transition:all .3s;overflow:hidden;box-shadow:0 2px 12px #0000000f}.avatar-card[data-v-e87f23a4]:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.card-media[data-v-e87f23a4]{aspect-ratio:3/4;position:relative;overflow:hidden}.media-content[data-v-e87f23a4]{object-fit:cover;width:100%;height:100%}.media-overlay[data-v-e87f23a4]{opacity:0;background:#0006;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.avatar-card:hover .media-overlay[data-v-e87f23a4]{opacity:1}.media-badge[data-v-e87f23a4]{color:#fff;background:#0009;border-radius:4px;padding:2px 8px;font-size:11px;position:absolute;top:8px;right:8px}.card-info[data-v-e87f23a4]{padding:12px 16px}.card-name[data-v-e87f23a4]{color:#333;font-size:14px;font-weight:600}.preview-content[data-v-e87f23a4]{text-align:center}.preview-media[data-v-e87f23a4]{border-radius:8px;max-width:100%;max-height:60vh}