body { 
    font-family: 'Open Sans', sans-serif; 
}

h1, h2, h3, h4, h5, h6 { 
    font-family: 'Nunito', sans-serif; 
}

.hero-bg {
    /* 用户可以在这里替换背景图片, 推荐尺寸 1600x800 */
    background-image: url('images/hero-labubu-coloring-background.jpg');
    background-size: cover;
    background-position: center;
}

/* 移除旧的下拉菜单hover样式，现在由JS控制 */
/* .dropdown:hover .dropdown-menu {
    display: block;
} */

.dropdown {
    position: relative;
    cursor: pointer;
}

.dropdown-menu {
    position: absolute;
    z-index: 50;
    min-width: 12rem;
    margin-top: 0.5rem;
    border-radius: 0.375rem;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* This class is no longer used and can be safely removed. */
/*
.logo-text {
    font-family: 'Nunito', sans-serif;
    font-weight: 800;
    letter-spacing: -0.5px;
    background: -webkit-linear-gradient(45deg, #854d0e, #d97706, #fbbf24);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0px 1px 1px rgba(255,255,255,0.1);
}
*/

.card-image-container {
    aspect-ratio: 4 / 5; /* A standard portrait aspect ratio for cards */
    overflow: hidden;
    background-color: #f5f5f4; /* A light fallback background, using a stone color */
}

.card-image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* This is the key part for "auto identify image area" */
    transition: transform 0.3s ease-in-out;
}

/* Add a nice hover effect to all cards */
.group:hover .card-image-container img {
    transform: scale(1.05);
}