.pet-detail-page[data-v-26fd809b]{min-height:calc(100vh - 200px);padding:40px 0}.breadcrumb[data-v-26fd809b]{align-items:center;color:#666;display:flex;font-size:14px;gap:8px;margin-bottom:24px}.breadcrumb-link[data-v-26fd809b]{color:#666;-webkit-text-decoration:none;text-decoration:none;transition:color .3s}.breadcrumb-link[data-v-26fd809b]:hover{color:#409eff}.separator[data-v-26fd809b]{color:#ccc}.current[data-v-26fd809b]{color:#333;font-weight:500}.error-container[data-v-26fd809b],.loading-container[data-v-26fd809b]{padding:40px 0}.error-container[data-v-26fd809b]{text-align:center}.pet-detail[data-v-26fd809b]{grid-gap:40px;align-items:start;display:grid;gap:40px;grid-template-columns:1fr 1fr}.pet-gallery[data-v-26fd809b]{position:sticky;top:80px}.main-image[data-v-26fd809b]{aspect-ratio:4/3;background:#f5f5f5;border-radius:12px;overflow:hidden;width:100%}.main-image img[data-v-26fd809b]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.thumbnail-list[data-v-26fd809b]{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));margin-top:12px}.thumbnail[data-v-26fd809b]{aspect-ratio:1;border:2px solid transparent;border-radius:8px;cursor:pointer;overflow:hidden;transition:border-color .3s}.thumbnail.active[data-v-26fd809b]{border-color:#409eff}.thumbnail img[data-v-26fd809b]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.pet-content[data-v-26fd809b]{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);padding:32px}.pet-name[data-v-26fd809b]{color:#333;font-size:32px;font-weight:700;margin:0 0 16px}.pet-status-badge[data-v-26fd809b]{border-radius:16px;color:#fff;display:inline-block;font-size:14px;font-weight:600;margin-bottom:24px;padding:6px 16px}.pet-status-badge.available[data-v-26fd809b]{background:#67c23a}.pet-status-badge.adopted[data-v-26fd809b]{background:#909399}.pet-status-badge.pending[data-v-26fd809b]{background:#e6a23c}.pet-basic-info[data-v-26fd809b]{grid-gap:16px;border-bottom:1px solid #eee;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:24px;padding-bottom:24px}.info-item[data-v-26fd809b]{display:flex;gap:8px}.info-item .label[data-v-26fd809b]{color:#666;font-weight:500}.info-item .value[data-v-26fd809b]{color:#333}.adoption-info[data-v-26fd809b],.pet-characteristics[data-v-26fd809b],.pet-description[data-v-26fd809b],.qrcode-section[data-v-26fd809b]{border-bottom:1px solid #eee;margin-bottom:24px;padding-bottom:24px}.adoption-info[data-v-26fd809b]:last-child,.pet-characteristics[data-v-26fd809b]:last-child,.pet-description[data-v-26fd809b]:last-child,.qrcode-section[data-v-26fd809b]:last-child{border-bottom:none}.adoption-info h3[data-v-26fd809b],.pet-characteristics h3[data-v-26fd809b],.pet-description h3[data-v-26fd809b],.qrcode-section h3[data-v-26fd809b]{color:#333;font-size:18px;font-weight:600;margin:0 0 12px}.pet-description p[data-v-26fd809b]{color:#666;line-height:1.8;margin:0}.tags[data-v-26fd809b]{display:flex;flex-wrap:wrap;gap:8px}.adoption-details[data-v-26fd809b]{display:flex;flex-direction:column;gap:12px}.adoption-item[data-v-26fd809b]{display:flex;gap:8px}.adoption-item .label[data-v-26fd809b]{color:#666;font-weight:500;min-width:80px}.adoption-item .value[data-v-26fd809b]{color:#333;flex:1}.qrcode-container[data-v-26fd809b]{align-items:center;display:flex;justify-content:center;min-height:200px}.qrcode-empty[data-v-26fd809b],.qrcode-error[data-v-26fd809b],.qrcode-loading[data-v-26fd809b]{align-items:center;color:#666;display:flex;flex-direction:column;gap:12px}.qrcode-wrapper[data-v-26fd809b]{align-items:center;display:flex;flex-direction:column;gap:16px}.qrcode-wrapper img[data-v-26fd809b]{border:1px solid #eee;border-radius:8px;height:200px;width:200px}@media (max-width:1199px){.pet-detail[data-v-26fd809b]{gap:32px}}@media (max-width:767px){.pet-detail-page[data-v-26fd809b]{padding:20px 0}.pet-detail[data-v-26fd809b]{gap:24px;grid-template-columns:1fr}.pet-gallery[data-v-26fd809b]{position:static}.pet-content[data-v-26fd809b]{padding:20px}.pet-name[data-v-26fd809b]{font-size:24px}.pet-basic-info[data-v-26fd809b]{grid-template-columns:1fr}.qrcode-wrapper img[data-v-26fd809b]{height:150px;width:150px}}