.pet-card[data-v-1f12fade]{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:transform .3s,box-shadow .3s}.pet-card[data-v-1f12fade]:hover{box-shadow:0 8px 16px rgba(0,0,0,.12);transform:translateY(-4px)}.pet-image[data-v-1f12fade]{background:#f5f5f5;overflow:hidden;padding-top:75%;position:relative;width:100%}.pet-image img[data-v-1f12fade]{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;transition:transform .3s;width:100%}.pet-card:hover .pet-image img[data-v-1f12fade]{transform:scale(1.05)}.pet-status[data-v-1f12fade]{border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px;position:absolute;right:12px;top:12px}.pet-status.available[data-v-1f12fade]{background:#67c23a}.pet-status.adopted[data-v-1f12fade]{background:#909399}.pet-status.pending[data-v-1f12fade]{background:#e6a23c}.pet-info[data-v-1f12fade]{display:flex;flex:1;flex-direction:column;padding:16px}.pet-header[data-v-1f12fade]{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.pet-name[data-v-1f12fade]{color:#333;flex:1;font-size:18px;font-weight:600;margin:0}.pet-time[data-v-1f12fade]{align-items:center;color:#999;display:flex;font-size:13px;gap:4px;white-space:nowrap}.pet-time .icon[data-v-1f12fade]{font-size:14px}.pet-details[data-v-1f12fade]{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:8px}.pet-detail-item[data-v-1f12fade]{align-items:center;color:#666;display:flex;font-size:13px;gap:4px}.pet-detail-item .icon[data-v-1f12fade]{font-size:14px}.pet-location[data-v-1f12fade]{align-items:center;color:#999;display:flex;font-size:13px;gap:4px;margin-bottom:8px}.pet-location .icon[data-v-1f12fade]{font-size:14px}.pet-description[data-v-1f12fade]{color:#666;font-size:14px;line-height:1.5;margin-top:auto}.pet-tags[data-v-1f12fade]{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}@media (max-width:767px){.pet-info[data-v-1f12fade]{padding:12px}.pet-header[data-v-1f12fade]{margin-bottom:8px}.pet-name[data-v-1f12fade]{font-size:16px}.pet-time[data-v-1f12fade]{font-size:12px}.pet-details[data-v-1f12fade]{gap:8px}.pet-detail-item[data-v-1f12fade]{font-size:12px}.pet-description[data-v-1f12fade]{font-size:13px}.pet-tags[data-v-1f12fade]{gap:6px}}.pagination[data-v-1336f7b4]{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:20px 0}.pagination-info[data-v-1336f7b4]{color:#666;font-size:14px}.pagination-controls[data-v-1336f7b4]{align-items:center;display:flex;gap:8px}.page-numbers[data-v-1336f7b4]{display:flex;gap:4px}.pagination-size[data-v-1336f7b4]{align-items:center;color:#666;display:flex;font-size:14px;gap:8px}@media (max-width:767px){.pagination[data-v-1336f7b4]{align-items:center;flex-direction:column}.pagination-controls[data-v-1336f7b4]{flex-wrap:wrap;justify-content:center}.page-numbers[data-v-1336f7b4]{justify-content:center;order:-1;width:100%}}.pets-page[data-v-d7ffef06]{min-height:calc(100vh - 200px);padding:40px 0}.page-header[data-v-d7ffef06]{margin-bottom:40px;text-align:center}.page-title[data-v-d7ffef06]{color:#333;font-size:36px;font-weight:700;margin:0 0 12px}.page-subtitle[data-v-d7ffef06]{color:#666;font-size:18px;margin:0}.filter-status[data-v-d7ffef06]{align-items:center;background:#f5f7fa;border-radius:8px;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px;padding:16px 20px}.empty-container[data-v-d7ffef06],.error-container[data-v-d7ffef06],.loading-container[data-v-d7ffef06]{padding:40px 0}.error-container[data-v-d7ffef06]{text-align:center}.pets-grid[data-v-d7ffef06]{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:40px}@media (max-width:1199px){.pets-grid[data-v-d7ffef06]{gap:20px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width:767px){.pets-page[data-v-d7ffef06]{padding:20px 0}.page-title[data-v-d7ffef06]{font-size:28px}.page-subtitle[data-v-d7ffef06]{font-size:16px}.pets-grid[data-v-d7ffef06]{gap:16px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}