/* ========== 首页英雄区样式 ========== */
.hero-section {
    background-color: var(--secondary-color);
    padding: 4rem 0;
}
.hero-title {
    font-size: 2.5rem;
    font-weight: bold;
    margin-bottom: 1rem;
    color: var(--text-dark);
}
.hero-subtitle {
    font-size: 1.1rem;
    color: var(--text-muted);
    margin-bottom: 2rem;
}
.hero-image {
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

/* ========== 品牌故事板块 ========== */
.brand-story-section {
    padding: 4rem 0;
}
.brand-story-card {
    padding: 2rem;
    background-color: var(--white);
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
.brand-story-image {
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    width: 100%;
}

/* ========== 价值观板块 ========== */
.values-quote {
    background-color: var(--primary-light);
    border: none;
    padding: 2rem;
    border-radius: 10px;
    text-align: center;
    font-style: italic;
    color: var(--text-dark);
}
.value-card {
    background-color: var(--primary-light);
    text-align: center;
    padding: 2rem;
    height: 100%;
}

/* ========== 产品板块 ========== */
/* ========== 产品板块 - 统一高度布局（核心修改） ========== */
.products-section {
    padding: 4rem 0;
}
.product-category-tags {
    margin-bottom: 2rem;
    text-align: center;
}

/* 产品卡片容器 - 强制统一高度 */
.product-card-wrapper {
    height: 100%; /* 让卡片占满列的高度 */
    display: flex;
    flex-direction: column; /* 垂直排列图片/文字区域 */
}

/* 产品卡片 - 移除默认样式，继承容器高度 */
.product-card {
    height: 100%;
    text-decoration: none;
    color: var(--text-dark);
    display: flex;
    flex-direction: column; /* 子元素垂直排列 */
}

/* 图片容器 - 固定高度，裁剪溢出部分 */
.img-container {
    height: 220px; /* 固定图片区域高度（可根据需求调整） */
    overflow: hidden;
    flex-shrink: 0; /* 禁止图片区域压缩 */
}
.img-container img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 保持图片比例，裁剪溢出部分 */
    transition: transform 0.3s ease; /* 可选：hover 缩放效果 */
}
.product-card:hover .img-container img {
    transform: scale(1.05); /* 可选：hover 图片轻微放大 */
}

/* 文字内容区域 - 自动填充剩余空间，强制统一高度 */
.product-card-body {
    padding: 1.5rem;
    flex-grow: 1; /* 占满卡片剩余高度 */
    display: flex;
    flex-direction: column;
}

/* 产品标题 - 固定行数，溢出省略 */
.product-title {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 最多显示2行 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    flex-shrink: 0; /* 禁止标题压缩 */
}

/* 星级评分 - 固定位置 */
.product-rating {
    color: #FFC107; /* 星级黄色 */
    margin-bottom: 0.5rem;
    flex-shrink: 0;
}

/* 产品描述 - 填充剩余空间，固定行数，溢出省略 */
.product-desc {
    font-size: 0.9rem;
    color: var(--text-muted);
    display: -webkit-box;
    -webkit-line-clamp: 3; /* 最多显示3行 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    flex-grow: 1; /* 占满剩余空间 */
}

/* ========== 评价板块 ========== */
.testimonials-section {
    padding: 4rem 0;
    background-color: var(--secondary-color);
}
.testimonial-card {
    padding: 1.5rem;
    background-color: var(--white);
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    height: 100%;
}
.testimonial-avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 1rem;
}

/* ========== CTA板块 ========== */
.cta-section {
    background-color: var(--primary-light);
    padding: 3rem 0;
    margin: 2rem 0;
    text-align: center;
}
.cta-title {
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 1rem;
}
.cta-subtitle {
    font-size: 1.1rem;
    margin-bottom: 2rem;
    color: var(--text-muted);
}

/* ========== 联系板块 ========== */
.contact-section {
    padding: 4rem 0;
}
.contact-form {
    background-color: var(--white);
    padding: 2rem;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
.contact-info {
    margin-bottom: 2rem;
}
.newsletter-form {
    margin-top: 1rem;
}