.pet-grid-container[data-v-dab3f67e]{padding:10px}.pet-card[data-v-dab3f67e]{background:#fff;border-radius:12px;overflow:hidden;margin-bottom:20px;box-shadow:0 4px 12px rgba(0,0,0,.08);transition:all .3s ease;border:1px solid #e6f4ff}.pet-card[data-v-dab3f67e]:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(64,158,255,.15);border-color:#409eff}.pet-image-container[data-v-dab3f67e]{position:relative;height:200px;width:100%;overflow:hidden;cursor:pointer}.pet-image[data-v-dab3f67e]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease}.pet-card:hover .pet-image[data-v-dab3f67e]{transform:scale(1.05)}.image-overlay[data-v-dab3f67e]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .3s ease}.pet-image-container:hover .image-overlay[data-v-dab3f67e]{opacity:1}.overlay-icon[data-v-dab3f67e]{font-size:24px;margin-bottom:8px}.image-overlay span[data-v-dab3f67e]{font-size:14px;font-weight:500}.pet-basic-info[data-v-dab3f67e]{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.7));padding:15px;color:#fff}.pet-name[data-v-dab3f67e]{font-size:18px;font-weight:600;display:block;margin-bottom:5px}.pet-tags[data-v-dab3f67e]{display:flex;gap:8px}.pet-tag[data-v-dab3f67e]{padding:3px 10px;border-radius:12px;font-size:12px;font-weight:500}.gender-tag[data-v-dab3f67e]{background:#ff7c43}.age-tag[data-v-dab3f67e]{background:#36a3f7}.pet-details[data-v-dab3f67e]{padding:20px}.details-grid[data-v-dab3f67e]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.detail-item[data-v-dab3f67e]{display:flex;align-items:center;gap:8px;padding:10px;background:#f8fafc;border-radius:8px;transition:all .3s ease}.detail-item[data-v-dab3f67e]:hover{background:#f0f7ff}.detail-icon[data-v-dab3f67e]{color:#409eff;font-size:16px;flex-shrink:0}.detail-content[data-v-dab3f67e]{flex:1}.detail-label[data-v-dab3f67e]{font-size:11px;color:#666;margin-bottom:2px}.detail-value[data-v-dab3f67e]{font-size:13px;font-weight:500;color:#333}.pet-description[data-v-dab3f67e]{display:flex;gap:10px;padding:12px;background:#f8fafc;border-radius:8px;margin-bottom:16px;transition:all .3s ease}.pet-description[data-v-dab3f67e]:hover{background:#f0f7ff}.description-icon[data-v-dab3f67e]{color:#409eff;font-size:16px;margin-top:2px;flex-shrink:0}.description-content[data-v-dab3f67e]{flex:1}.description-label[data-v-dab3f67e]{font-size:11px;color:#666;margin-bottom:4px}.description-text[data-v-dab3f67e]{font-size:13px;color:#333;line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:40px}.adopt-action[data-v-dab3f67e]{margin-top:4px}.adopt-btn[data-v-dab3f67e]{width:100%;background:linear-gradient(135deg,#409eff,#337ecc);border:none;padding:12px;border-radius:8px;font-weight:500;transition:all .3s ease}.adopt-btn[data-v-dab3f67e]:hover{background:linear-gradient(135deg,#66b1ff,#409eff);transform:translateY(-2px);box-shadow:0 4px 12px rgba(64,158,255,.3)}.pet-detail-dialog[data-v-dab3f67e] .el-dialog{border-radius:12px;overflow:hidden;margin-top:8vh!important;margin-bottom:8vh}.pet-detail-dialog[data-v-dab3f67e] .el-dialog__body{max-height:calc(100vh - 180px);overflow-y:auto;-webkit-overflow-scrolling:touch}.pet-detail-dialog[data-v-dab3f67e] .el-dialog__header{background:#409eff;padding:20px}.pet-detail-dialog[data-v-dab3f67e] .el-dialog__title{color:#fff;font-size:18px;font-weight:600}.pet-detail-dialog[data-v-dab3f67e] .el-dialog__headerbtn .el-dialog__close{color:#fff}.pet-detail-content[data-v-dab3f67e]{padding:0}.detail-header[data-v-dab3f67e]{margin-bottom:20px}.detail-pet-info[data-v-dab3f67e]{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;border-bottom:1px solid #f0f0f0}.detail-pet-name[data-v-dab3f67e]{font-size:24px;font-weight:600;color:#333}.detail-pet-tags[data-v-dab3f67e]{display:flex;gap:10px}.detail-tag[data-v-dab3f67e]{padding:4px 12px;border-radius:15px;font-size:12px;font-weight:500}.status-tag[data-v-dab3f67e]{background:#e8f5e9;color:#388e3c;border:1px solid #a5d6a7}.detail-image[data-v-dab3f67e]{margin-bottom:20px}.detail-image-error[data-v-dab3f67e]{width:100%;height:300px;background:#f8fafc;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#999;border-radius:8px}.detail-image-error i[data-v-dab3f67e]{font-size:48px;margin-bottom:12px}.detail-info-grid[data-v-dab3f67e]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:20px}.info-item[data-v-dab3f67e]{background:#f8fafc;padding:16px;border-radius:8px;transition:all .3s ease}.info-item[data-v-dab3f67e]:hover{background:#f0f7ff;transform:translateY(-2px)}.info-item.full-width[data-v-dab3f67e]{grid-column:1/-1}.info-label[data-v-dab3f67e]{color:#666;font-size:13px;margin-bottom:8px;display:flex;align-items:center;gap:6px}.info-label i[data-v-dab3f67e]{color:#409eff}.info-value[data-v-dab3f67e]{font-size:16px;font-weight:500;color:#333}.detail-description[data-v-dab3f67e]{background:#f8fafc;padding:20px;border-radius:8px;margin-bottom:20px}.description-header[data-v-dab3f67e]{font-size:16px;font-weight:600;color:#333;margin-bottom:12px;display:flex;align-items:center;gap:8px}.description-header i[data-v-dab3f67e]{color:#409eff}.description-content[data-v-dab3f67e]{font-size:14px;color:#333;line-height:1.6;white-space:pre-wrap}.detail-actions[data-v-dab3f67e]{display:flex;gap:12px;justify-content:center}.detail-adopt-btn[data-v-dab3f67e]{background:linear-gradient(135deg,#409eff,#337ecc);border:none;padding:12px 24px;border-radius:8px;font-weight:500;transition:all .3s ease}.detail-adopt-btn[data-v-dab3f67e]:hover{background:linear-gradient(135deg,#66b1ff,#409eff);transform:translateY(-2px);box-shadow:0 4px 12px rgba(64,158,255,.3)}.detail-close-btn[data-v-dab3f67e]{background:#f5f7fa;border:1px solid #dcdfe6;color:#606266;padding:12px 24px;border-radius:8px;transition:all .3s ease}.detail-close-btn[data-v-dab3f67e]:hover{border-color:#c0c4cc;background:#f0f2f5;transform:translateY(-2px)}.adopt-dialog[data-v-dab3f67e] .el-dialog{border-radius:12px;overflow:hidden;margin-top:8vh!important;margin-bottom:8vh}.adopt-dialog[data-v-dab3f67e] .el-dialog__body{max-height:calc(100vh - 180px);overflow-y:auto;-webkit-overflow-scrolling:touch}.adopt-dialog[data-v-dab3f67e] .el-dialog__header{background:#409eff;padding:20px}.adopt-dialog[data-v-dab3f67e] .el-dialog__title{color:#fff;font-size:18px;font-weight:600}.adopt-dialog[data-v-dab3f67e] .el-dialog__headerbtn .el-dialog__close{color:#fff}.dialog-form-grid[data-v-dab3f67e]{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.form-column[data-v-dab3f67e]{display:flex;flex-direction:column;gap:20px}.full-width[data-v-dab3f67e]{grid-column:1/-1}.adopt-dialog[data-v-dab3f67e] .el-form-item__label{color:#333;font-weight:500}.adopt-dialog[data-v-dab3f67e] .el-input__inner,.adopt-dialog[data-v-dab3f67e] .el-textarea__inner{border:1px solid #cce5ff;border-radius:6px;transition:all .3s ease}.adopt-dialog[data-v-dab3f67e] .el-input__inner:focus,.adopt-dialog[data-v-dab3f67e] .el-textarea__inner:focus{border-color:#409eff;box-shadow:0 0 0 2px rgba(64,158,255,.1)}.adopt-dialog[data-v-dab3f67e] .el-radio{margin-right:20px}.form-tips[data-v-dab3f67e]{background:#e6f7ff;padding:12px 16px;border-radius:6px;margin-top:20px;font-size:14px;color:#666;display:flex;align-items:center;gap:8px}.form-tips i[data-v-dab3f67e]{color:#409eff;font-size:16px}.cancel-btn[data-v-dab3f67e]{border:1px solid #dcdfe6;color:#606266;padding:10px 24px;border-radius:6px;transition:all .3s ease}.cancel-btn[data-v-dab3f67e]:hover{border-color:#c0c4cc;background:#f5f7fa;transform:translateY(-1px)}.submit-btn[data-v-dab3f67e]{background:#409eff;border:none;padding:10px 24px;border-radius:6px;color:#fff;font-weight:500;transition:all .3s ease}.submit-btn[data-v-dab3f67e]:hover{background:#337ecc;transform:translateY(-1px);box-shadow:0 4px 12px rgba(64,158,255,.3)}@media (max-width:992px){.details-grid[data-v-dab3f67e]{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.pet-grid-container[data-v-dab3f67e]{padding:0}.pet-image-container[data-v-dab3f67e]{height:180px}.details-grid[data-v-dab3f67e],.dialog-form-grid[data-v-dab3f67e]{grid-template-columns:1fr}.adopt-dialog[data-v-dab3f67e] .el-dialog,.pet-detail-dialog[data-v-dab3f67e] .el-dialog{width:95%!important}.detail-info-grid[data-v-dab3f67e]{grid-template-columns:1fr}}@media (max-width:480px){.pet-name[data-v-dab3f67e]{font-size:16px}.pet-details[data-v-dab3f67e]{padding:15px}.detail-item[data-v-dab3f67e]{padding:8px}.adopt-btn[data-v-dab3f67e],.pet-description[data-v-dab3f67e]{padding:10px}.detail-pet-info[data-v-dab3f67e]{flex-direction:column;align-items:flex-start;gap:10px}.detail-pet-tags[data-v-dab3f67e]{width:100%;justify-content:flex-start}}