.radio-group .btn{padding:8px 14px;font-size:12px;border-radius:20px}
.radio-group .btn.active{background:#3592e2;color:#fff;border-color:#3592e2}
.pet-names{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.pet-card{padding:14px;background:#f9f9f9;border-radius:8px;border-left:4px solid #3592e2;position:relative}
.pet-card .name{font-size:20px;font-weight:700;color:#333;margin-bottom:4px}
.pet-card .meaning{font-size:12px;color:#666;margin-bottom:2px}
.pet-card .origin{font-size:11px;color:#999}
.pet-card .fav-btn{position:absolute;top:10px;right:10px;background:none;border:none;font-size:18px;cursor:pointer;color:#ccc;transition:color .2s}
.pet-card .fav-btn.active{color:#e53935}
.pet-card:hover{border-color:#F78015}
.fav-section{max-width:800px;margin:15px auto;padding:0 10px}
.fav-section h3{font-size:15px;color:#333;margin-bottom:10px}
.fav-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.fav-tag{padding:5px 12px;background:#fff;border:1px solid #e8e8e8;border-radius:15px;font-size:12px;color:#555}
@media(max-width:600px){.pet-names{grid-template-columns:1fr}}