/* Link Tile Journey - Custom Styles */

/* Tailwind CSS 自定义样式 */
@layer utilities {
    .text-shadow {
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
    }
    .rotate-hover {
        transition: transform 0.3s ease;
    }
    .rotate-hover:hover {
        transform: rotate(5deg) scale(1.05);
    }
    .float {
        animation: float 6s ease-in-out infinite;
    }
    @keyframes float {
        0% { transform: translateY(0px); }
        50% { transform: translateY(-20px); }
        100% { transform: translateY(0px); }
    }
    .asymmetry-main {
        display: grid;
        grid-template-columns: 1.3fr 1fr;
        gap: 2rem;
    }
    .feature-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
        gap: 1.5rem;
    }
    @media (max-width: 768px) {
        .asymmetry-main {
            grid-template-columns: 1fr;
        }
    }
    .card-pop {
        transition: all 0.3s ease;
    }
    .card-pop:hover {
        transform: translateY(-8px);
    }
}