/* 自定义样式补充Tailwind CSS */
.cat-paw-cursor {
cursor: url('data:image/svg+xml;utf8,') 0 0, auto;
}
.game-title-shadow {
text-shadow: 3px 3px 0px rgba(255, 182, 193, 0.5);
}
.paw-print {
position: relative;
}
.paw-print::before {
content: "🐾";
position: absolute;
font-size: 1.2rem;
opacity: 0.6;
transform: rotate(-15deg);
left: -25px;
top: 5px;
}
.bounce-animation {
animation: bounce 2s infinite;
}
@keyframes bounce {
0%, 100% {
transform: translateY(0);
}
50% {
transform: translateY(-10px);
}
}
.game-container {
box-shadow: 0 10px 25px -5px rgba(252, 186, 200, 0.5);
transition: transform 0.3s ease;
}
.game-container:hover {
transform: translateY(-5px);
}
.cat-background {
background-image: url('data:image/svg+xml;utf8,');
background-repeat: repeat;
}
@media (max-width: 768px) {
.paw-print::before {
left: -15px;
font-size: 1rem;
}
}