/* index.html 页面专用样式文件 */
/* 提取自内联样式，确保页面功能和外观保持一致 */

/* 主要区块样式 */
.hero-section {
    font-family: 'Arial', sans-serif;
    background-size: cover;
    background-position: center;
    height: 800px;
}

.hero-content {
    z-index: 2;
}

.hero-title {
    color: #333333;
    line-height: 1.2;
    font-size: 2.8rem;
}

.hero-subtitle {
    color: #333333;
    font-weight: 400;
    font-size: 1.4rem;
}

.hero-description {
    color: #333333;
    line-height: 1.6;
    font-size: 1rem;
}


.hero-video-container {
    aspect-ratio: 16/10;
}

.hero-video-fallback {
    background-image: linear-gradient(45deg, #4a5568, #2d3748);
}

.hero-play-overlay {
    background-color: rgba(0, 0, 0, 0.1);
}

.hero-play-button {
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.hero-play-icon {
    color: #2c3e50;
}

/* 产品分类区块样式 */
.products-section {
    font-family: 'Arial', sans-serif;
    background-color: #f8f9fa;
    padding: 80px 0;
    min-height: 800px;
    display: flex;
    align-items: center;
}

.products-container {
    max-width: 1400px;
    margin: 0 auto; /* 居中对齐 */
    padding: 0 20px; /* 左右内边距，防止贴边显示 */
}

.products-title {
    color: #2c3e50;
    font-size: 2.5rem;
}

.products-subtitle {
    color: #5a6c7d;
    font-size: 1.1rem;
}

/* 首页产品卡片样式 - 专门为grid布局设计 */
.products-section .product-card {
    overflow: hidden;
    transition: all 0.3s ease;
    border-radius: 12px;
    cursor: pointer;
    /* 重置可能的float和width设置，确保grid布局正常 */
    float: none;
    width: auto;
    margin: 0;
}

/* 首页产品卡片鼠标滑入效果 */
.products-section .product-card:hover {
    transform: translateY(-8px);

}

/* 首页产品图片样式 */
.products-section .product-image {
    width: 100%;
    height: 242px;
    object-fit: cover;
    border-radius: 8px;
    transition: transform 0.3s ease;
}

/* 首页产品图片鼠标滑入缩放效果 */
.products-section .product-card:hover .product-image {
    transform: scale(1.05);
}

/* 首页产品内容区域样式 */
.products-section .product-content {
    padding: 20px 0;
}

.products-section .product-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.products-section .product-title {
    font-size: 20px;
    font-weight: bold;
    color: #2c3e50;
    transition: color 0.3s ease;
    margin: 0;
}

/* 响应式设计优化 - 确保不同屏幕尺寸下的正常显示 */
@media (max-width: 1440px) {
    .products-container {
        max-width: 1200px;
        padding: 0 30px;
    }
}

@media (max-width: 1200px) {
    .products-container {
        max-width: 960px;
        padding: 0 25px;
    }
}

@media (max-width: 768px) {
    .products-container {
        max-width: 100%;
        padding: 0 1.5rem;
    }
    
    .products-section .product-image {
        height: 250px; /* 移动端图片高度调整 */
    }
    
    .products-section .product-content {
        padding: 15px 0;
    }
    
    .products-section .product-title {
        font-size: 18px; /* 移动端字体大小调整 */
    }
}

@media (max-width: 480px) {
    .products-container {
        padding: 0 1.5rem;
    }
    
    .products-section .product-image {
        height: 250px;
    }
    
    .products-section .product-title {
        font-size: 16px;
    }
}

/* 首页产品标题鼠标滑入颜色变化效果 */
.products-section .product-card:hover .product-title {
    color: #18284a;
}

.product-arrow {
    width: 32px;
    height: 32px;
    background: #faac4c;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    margin-right: 5px; /* 给缩放效果预留空间 */
}

/* 产品箭头鼠标滑入效果 */
.product-card:hover .product-arrow {
    background: #18284a;
    transform: scale(1.1);
}

.product-arrow span {
    color: white;
    font-weight: bold;
    transition: transform 0.3s ease;
}

/* 产品箭头图标鼠标滑入动画 */
.product-card:hover .product-arrow span {
    transform: scale(1.1);
}

/* 留言表单区块样式 */
.contact-section {
    font-family: 'Arial', sans-serif;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('../images/pets-background.png');
    background-size: cover;
    background-position: center;
    min-height: 700px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-container {
    max-width: 1400px;
    width: 100%;
    padding: 0 32px;
    text-align: center;
}

.contact-title {
    font-size: 2.8rem;
    font-weight: bold;
    margin-bottom: 16px;
    color: white;
}

.contact-subtitle {
    font-size: 1.2rem;
    color: white;
}

.contact-form-container {
    max-width: 1200px;
    margin: 0 auto;
}

.contact-form-row {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.contact-input {
    background: rgba(255, 255, 255, 0.2);
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 25px;
    padding: 12px 20px;
    color: white;
    font-size: 16px;
    outline: none;
    transition: all 0.3s ease;
}

/* 确保textarea与input样式完全一致 */
.contact-textarea {
    background: rgba(255, 255, 255, 0.2);
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 25px;
    padding: 12px 20px;
    color: white;
    font-size: 16px;
    outline: none;
    transition: all 0.3s ease;
    resize: none; /* 禁止调整大小 */
    height: 48px; /* 设置固定高度与input一致 */
    font-family: inherit; /* 继承字体 */
    line-height: 1.2; /* 设置行高 */
}

.contact-input:focus {
    /* 保持原有样式，不改变背景色和边框色 */
    background: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.3);
}

/* textarea聚焦时的样式与input保持一致 */
.contact-textarea:focus {
    /* 保持原有样式，不改变背景色和边框色 */
    background: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.3);
}

.contact-input-company {
    width: 200px;
}

.contact-input-email {
    width: 200px;
}

.contact-input-message {
    width: 250px;
}

.contact-submit,
.contact-submit-btn {
    background: #faac4c;
    border: none;
    border-radius: 25px;
    padding: 12px 60px;
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    margin-left: 80px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(250, 172, 76, 0.3);
}

.contact-submit:hover,
.contact-submit-btn:hover {
    background: #e67e22;
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(230, 126, 34, 0.4);
}


.contact-submit:active,
.contact-submit-btn:active {
    background: #d35400;
    transform: translateY(0);
    box-shadow: 0 2px 10px rgba(211, 84, 0, 0.3);
}

.contact-submit:not(:hover),
.contact-submit-btn:not(:hover) {
    background: #faac4c;
    transform: translateY(0);
}

/* 信息卡片区块样式 */
.info-cards-section {
    font-family: 'Arial', sans-serif;
    background-color: #f0f4f8;
}

.info-cards-container {
    max-width: 1400px;
}

.info-card {
    background: white;
    border-radius: 12px;
    padding: 40px 30px;
    text-align: center;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
}

.info-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}

.info-card-icon {
    width: 60px;
    height: 60px;
    background: #faac4c;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
}

.info-card-title {
    font-size: 1.5rem;
    font-weight: bold;
    color: #2c3e50;
    margin-bottom: 12px;
}

.info-card-description {
    color: #666666;
    line-height: 1.6;
    font-size: 1rem;
}

/* 新闻信息区块样式 */
.news-section {
    background-color: #f8f9fa;
    padding: 80px 0;
    font-family: 'Arial', sans-serif;
}

.news-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 32px;
}

.news-header {
    text-align: center;
    margin-bottom: 60px;
}

.news-title {
    font-size: 2.5rem;
    font-weight: bold;
    color: #2c3e50;
    margin-bottom: 16px;
}

.news-subtitle {
    font-size: 1.1rem;
    color: #666666;
    max-width: 600px;
    margin: 0 auto;
}

.news-card {
    overflow: hidden;
    transition: all 0.3s ease;
}

.news-image {
    width: 100%;
    height: 242px;
    object-fit: cover;
    border-radius: 8px;
}

.news-content {
    padding: 20px 0;
}

.news-card-title {
    font-size: 20px;
    font-weight: bold;
    color: #2c3e50;
    margin: 0 0 12px 0;
}

.news-card-description {
    color: #666666;
    font-size: 0.95rem;
    line-height: 1.5;
    margin-bottom: 16px;
}

.news-card-date {
    color: #999999;
    font-size: 0.9rem;
}

/* 通用工具类 */
.max-width-1400 {
    max-width: 1400px;
}

.padding-80 {
    padding: 80px 0;
}

.margin-bottom-48 {
    margin-bottom: 48px;
}

.margin-bottom-60 {
    margin-bottom: 60px;
}

/* 文本颜色类 */
.text-color-333 {
    color: #333333 !important;
}

.text-color-2c3e50 {
    color: #2c3e50;
}

.text-color-5a6c7d {
    color: #5a6c7d;
}

.text-color-666 {
    color: #666666;
}

/* 背景颜色类 */
.bg-white {
    background-color: #ffffff;
}

.bg-f8f9fa {
    background-color: #f8f9fa;
}

.bg-f0f4f8 {
    background-color: #f0f4f8;
}

/* 容器和布局类 */
.container-1400 {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 32px;
}

.container-1600 {
    max-width: 1600px;
    position: relative;
    z-index: 2;
}

.text-center-mb-60 {
    text-align: center;
    margin-bottom: 60px;
}

.flex-gap-10rem {
    margin-left: 7%;
    gap: 10rem;
}

/* 分隔线样式 */
.separator-line {
    height: 120px;
    align-self: center;
    width: 1px;
    background: #cccccc;
}

/* 信息区块样式 */
.info-section-style {
    font-family: 'Arial', sans-serif;
    background-color: #f0f4f8;
}

/* 新闻区块样式 */
.news-section-style {
    background-color: #f8f9fa;
    padding: 80px 0;
    font-family: 'Arial', sans-serif;
    min-height: 800px;
    display: flex;
    align-items: center;
}

.news-title-style {
    font-size: 2.5rem;
    font-weight: bold;
    color: #2c3e50;
    margin-bottom: 16px;
}

.news-subtitle-style {
    font-size: 1.1rem;
    color: #666666;
    max-width: 600px;
    margin: 0 auto;
}

/* 英雄区块样式 */
.hero-title {
    color: #333333;
    line-height: 1.2;
    font-size: 2.8rem;
}

.hero-subtitle {
    color: #333333;
    font-weight: 400;
    font-size: 1.4rem;
}

.hero-description {
    color: #333333;
    line-height: 1.6;
    font-size: 1rem;
}

.hero-button {
    font-size: 1rem;
    border-radius: 50px;
    padding: 15px 50px;
    background-color: #faac4c;
    font-weight: bold;
}

.hero-button:hover{
    background: #faac4c;
    color: #ffffff;
    transform: translateY(-4px);
    box-shadow: 0 2px 10px rgba(211, 84, 0, 0.3);
}

.hero-play-button {
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.hero-left {
    margin-top: 6%;
}

.video-container {
    aspect-ratio: 16/10;
}

.fallback-bg {
    display: none;
    background-image: linear-gradient(45deg, #4a5568, #2d3748);
}

.play-overlay {
    background-color: rgba(0, 0, 0, 0.1);
}

.play-icon {
    color: #2c3e50;
}

/* 新闻卡片样式 */
.news-card-image {
    width: 100%;
    height: 242px;
    object-fit: cover;
    border-radius: 8px;
}

.news-card-content {
    padding: 20px 0;
}

.news-card-title {
    font-size: 20px;
    font-weight: bold;
    color: #2c3e50;
    margin: 0 0 12px 0;
}

.news-card-description {
    color: #666666;
    font-size: 0.95rem;
    line-height: 1.5;
    margin-bottom: 16px;
}

.news-card-date {
    color: #999999;
    font-size: 0.9rem;
}

/* 新闻区块专用样式 */
.news-section-style {
    background-color: #f8f9fa;
    padding: 80px 0;
    font-family: 'Arial', sans-serif;
}

.news-title-style {
    font-size: 2.5rem;
    font-weight: bold;
    color: #2c3e50;
    margin-bottom: 16px;
}

.news-subtitle-style {
    font-size: 1.1rem;
    color: #666666;
    max-width: 600px;
    margin: 0 auto;
}

/* 信息卡片区块专用样式 */
.info-section-style {
    font-family: 'Arial', sans-serif;
    background-color: #f0f4f8;
}

.info-card-title-style {
    color: #2c3e50;
}

.info-card-desc-style {
    color: #5a6c7d;
}

/* ========================================= */
/* 移动端响应式样式 - Mobile Responsive Styles */
/* ========================================= */

/* 平板设备 (768px - 1024px) */
@media screen and (max-width: 1024px) {
    .container-1400 {
        padding: 0 24px;
    }
    
    .container-1600 {
        padding: 0 24px;
    }
    
    .flex-gap-10rem {
        gap: 6rem;
        margin-left: 4%;
    }
    
    .hero-title {
        font-size: 2.4rem;
    }
    
    .hero-subtitle {
        font-size: 1.2rem;
    }
    
    .products-title {
        font-size: 2.2rem;
    }
    
    .news-title-style {
        font-size: 2.2rem;
    }
    
    .contact-title {
        font-size: 2.4rem;
    }
}

/* 手机设备 (最大宽度 768px) */
@media screen and (max-width: 768px) {
    /* 容器和布局优化 */
    .container-1400 {
        padding: 0 16px;
    }
    
    .container-1600 {
        padding: 0 16px;
    }
    
    /* 英雄区块移动端优化 */
    .hero-section {
        height: auto;
        min-height: 600px;
        padding: 60px 0;
    }
    
    .hero-title {
        font-size: 2rem;
        line-height: 1.3;
        margin-bottom: 16px;
    }
    
    .hero-subtitle {
        font-size: 1.1rem;
        margin-bottom: 16px;
    }
    
    .hero-description {
        font-size: 0.95rem;
        line-height: 1.5;
        margin-bottom: 24px;
    }
    
    .hero-button {
        padding: 12px 32px;
        font-size: 0.95rem;
        width: 100%;
        max-width: 280px;
    }
    
    .hero-left {
        margin-top: 0;
        text-align: center;
    }
    
    /* 产品区块移动端优化 */
    .products-section {
        padding: 60px 0;
    }
    
    .products-title {
        font-size: 1.8rem;
        margin-bottom: 12px;
    }
    
    .products-subtitle {
        font-size: 1rem;
        margin-bottom: 40px;
    }
    
    .product-image {
        height: 200px;
    }
    
    .product-title {
        font-size: 18px;
    }
    
    .product-content {
        padding: 16px 0;
    }
    
    /* 信息卡片区块移动端优化 */
    .info-section-style {
        padding: 60px 0;
    }
    
    .separator-line {
        display: none !important; /* 移动端强制隐藏分隔线 */
    }
    
    /* 产品展示块移动端100%宽度 */
    .products-container-mobile {
        padding: 0 16px !important; /* 保留少量内边距避免贴边 */
        margin: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    
    /* 产品网格移动端优化 */
    .products-section .grid {
        gap: 16px !important; /* 移动端减小间距 */
    }
    
    /* 产品标题区域移动端优化 */
    .products-section .text-center {
        padding: 0 16px;
        margin-bottom: 32px !important;
    }
    
    /* 产品卡片链接样式修复 - 解决inline-flex导致的宽度问题 */
    .product-card-link {
        display: block !important; /* 强制使用block而不是inline-flex */
        width: 100% !important;
        text-decoration: none;
    }
    
    /* 确保产品卡片在移动端100%宽度 */
    .products-section .product-card {
        width: 100% !important;
        display: block !important;
    }
    
    .flex-gap-10rem {
        gap: 2rem;
        margin-left: 0;
        flex-direction: column;
    }
    
    /* 新闻区块移动端优化 */
    .news-section-style {
        padding: 60px 0;
        min-height: 500px;
    }
    
    .news-title-style {
        font-size: 1.8rem;
        margin-bottom: 12px;
    }
    
    .news-subtitle-style {
        font-size: 1rem;
        margin-bottom: 40px;
    }
    
    .news-image {
        height: 200px;
    }
    
    .news-card-image {
        height: 250px;
    }
    
    .news-card-title {
        font-size: 18px;
    }
    
    .news-card-content {
        padding: 16px 0;
    }
    
    /* 联系表单移动端优化 */
    .contact-section {
        min-height: 600px;
        padding: 60px 0;
    }
    
    .contact-container {
        padding: 0 16px;
    }
    
    .contact-title {
        font-size: 2rem;
        margin-bottom: 12px;
    }
    
    .contact-subtitle {
        font-size: 1.1rem;
        margin-bottom: 40px;
    }
    
    .contact-form-row {
        flex-direction: column;
        gap: 16px;
    }
    
    .contact-input {
        width: 100%;
        padding: 14px 20px;
        font-size: 16px; /* 防止iOS缩放 */
    }
    
    .contact-textarea {
        width: 100%;
        padding: 14px 20px;
        font-size: 16px; /* 防止iOS缩放 */
        min-height: 120px;
    }
    
    .contact-submit,
    .contact-submit-btn {
        width: 100%;
        max-width: 280px;
        padding: 14px 32px;
        font-size: 16px;
        margin: 0 auto;
    }
    
    /* 视频容器移动端优化 */
    .video-container {
        aspect-ratio: 16/9; /* 移动端使用更适合的比例 */
    }
    
    .hero-video-container {
        aspect-ratio: 16/9;
    }
}

/* 小屏手机设备 (最大宽度 480px) */
@media screen and (max-width: 480px) {
    /* 进一步优化小屏幕显示 */
    .container-1400 {
        padding: 0 12px;
    }
    
    .container-1600 {
        padding: 0 12px;
    }
    
    .hero-section {
        min-height: 500px;
        padding: 40px 0;
    }
    
    .hero-title {
        font-size: 1.75rem;
    }
    
    .hero-subtitle {
        font-size: 1rem;
    }
    
    .hero-description {
        font-size: 0.9rem;
    }
    
    .products-section {
        padding: 40px 0;
        min-height: 500px;
    }
    
    .products-title {
        font-size: 1.6rem;
    }
    
    .news-section-style {
        padding: 40px 0;
        min-height: 500px;
    }
    
    .news-title-style {
        font-size: 1.6rem;
    }
    
    .contact-section {
        min-height: 500px;
        padding: 40px 0;
    }
    
    .contact-title {
        font-size: 1.75rem;
    }
    
    .contact-subtitle {
        font-size: 1rem;
    }
    
    .info-section-style {
        padding: 40px 0;
    }
    
    .product-image {
        height: 180px;
    }
    
    .news-image {
        height: 180px;
    }
    
    .news-card-image {
        height: 180px;
    }
}

/* 通用移动端优化 */
@media screen and (max-width: 768px) {
    /* 确保所有文本可读性 */
    body {
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
    }
    
    /* 优化触摸目标大小 */
    .hero-button,
    .contact-submit,
    .contact-submit-btn,
    .product-card,
    .news-card {
        min-height: 44px; /* iOS推荐的最小触摸目标 */
    }
    
    /* 优化图片加载 */
    img {
        max-width: 100%;
        height: auto;
    }
    
    /* 防止水平滚动 */
    .container,
    .container-1400,
    .container-1600 {
        overflow-x: hidden;
    }
    
    /* 优化表单输入体验 */
    input[type="text"],
    input[type="email"],
    textarea {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border-radius: 25px;
    }
    
    /* 移动端隐藏不必要的元素 */
    .desktop-only {
        display: none !important;
    }
    
    /* 移动端专用显示 */
    .mobile-only {
        display: block !important;
    }
    
    /* 优化间距 */
    .padding-80 {
        padding: 60px 0;
    }
    
    .margin-bottom-60 {
        margin-bottom: 40px;
    }
    
    .margin-bottom-48 {
        margin-bottom: 32px;
    }
    
    /* 成功提示框移动端优化 */
    #successMessage {
        margin: 0 16px;
        padding: 20px;
    }
    
    #successMessage .success-content {
        padding: 16px;
    }
    
    #successMessage h3 {
        font-size: 1.2rem;
    }
    
    #successMessage p {
        font-size: 0.95rem;
    }
    
    /* 优化按钮组布局 */
    .justify-start {
        justify-content: center;
    }
    
    .flex.gap-4 {
        gap: 16px;
        flex-direction: column;
        align-items: center;
    }
}

/* 新增响应式类名样式 */
.hero-image-container {
    height: 100vh;
}

.hero-main-image {
    height: 100vh;
}

/* 移动端图片容器优化 */
@media screen and (max-width: 768px) {
    .hero-image-container {
        height: 300px;
        min-height: 300px;
    }
    
    .hero-main-image {
        height: 300px;
        object-fit: cover;
    }
    
    /* 确保英雄区块在移动端的布局 */
    .hero-section .container {
        flex-direction: column;
    }
    
    .hero-section .container > div {
        width: 100% !important;
    }
    
    /* 移动端文本内容居中 */
    .hero-section .prose {
        text-align: center;
    }
    
    /* 移动端按钮容器居中 */
    .hero-section .justify-start {
        justify-content: center;
    }
}

@media screen and (max-width: 480px) {
    .hero-image-container {
        height: 250px;
        min-height: 250px;
    }
    
    .hero-main-image {
        height: 250px;
    }
}

/* 横屏手机优化 */
@media screen and (max-height: 500px) and (orientation: landscape) {
    .hero-section {
        height: auto;
        min-height: 400px;
        padding: 30px 0;
    }
    
    .hero-image-container {
        height: 350px;
    }
    
    .hero-main-image {
        height: 350px;
    }
    
    .contact-section {
        min-height: 400px;
        padding: 30px 0;
    }
    
    .products-section {
        padding: 40px 0;
    }
    
    .news-section-style {
        padding: 40px 0;
    }
    
    .info-section-style {
        padding: 40px 0;
    }
}

/* ========================================= */
/* 2K及以上显示屏专门适配 - 解决用料展示区域文字重叠问题 */
/* 强制覆盖app.css中的绝对定位样式，使用flex布局防止重叠 */
/* ========================================= */

/* 2K显示屏适配：1920px - 2559px */
@media screen and (min-width: 2000px) and (max-width: 2559px) {
    /* 强制覆盖绝对定位，使用flex布局 */
    .stats-counter-container {
        display: flex !important;
        justify-content: space-evenly !important;
        align-items: center !important;
        flex-wrap: wrap !important;
        height: auto !important;
        max-width: 1600px !important;
        margin: 0 auto !important;
        padding: 60px 40px !important;
        gap: 30px !important;
        position: relative !important;
    }
    
    /* 强制取消绝对定位，使用相对定位 */
    .stats-counter-tons,
    .stats-counter-kitchens,
    .stats-counter-countries {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        transform: none !important;
        
        flex: 0 0 auto !important;
        width: auto !important;
        max-width: 280px !important;
        min-width: 240px !important;
        height: auto !important;
        margin: 15px !important;
        padding: 25px 20px !important;
        

        text-align: center !important;
        z-index: 10 !important;
    }
    
    /* 仅覆盖文字对齐方式，保留原本的字体大小和颜色 */
    .stats-counter-tons .font-20,
    .stats-counter-kitchens .font-20,
    .stats-counter-countries .font-20 {
        text-align: center !important;
    }
    
    /* 图片样式优化 */
    .stats-counter-tons img,
    .stats-counter-kitchens img,
    .stats-counter-countries img {
        width: 65px !important;
        height: 65px !important;
        margin-top: 15px !important;
        object-fit: contain !important;
    }
}

/* 4K显示屏适配：2560px及以上 */
@media screen and (min-width: 2560px) {
    /* 强制覆盖绝对定位，使用flex布局 */
    .stats-counter-container {
        display: flex !important;
        justify-content: space-evenly !important;
        align-items: center !important;
        flex-wrap: wrap !important;
        height: auto !important;
        max-width: 2000px !important;
        margin: 0 auto !important;
        padding: 80px 60px !important;
        gap: 50px !important;
        position: relative !important;
    }
    
    /* 强制取消绝对定位，使用相对定位 */
    .stats-counter-tons,
    .stats-counter-kitchens,
    .stats-counter-countries {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        transform: none !important;
        
        flex: 0 0 auto !important;
        width: auto !important;
        max-width: 350px !important;
        min-width: 300px !important;
        height: auto !important;
        margin: 20px !important;
        padding: 35px 25px !important;
        

        text-align: center !important;
        z-index: 10 !important;
    }
    
    /* 仅覆盖文字对齐方式，保留原本的字体大小和颜色 */
    .stats-counter-tons .font-20,
    .stats-counter-kitchens .font-20,
    .stats-counter-countries .font-20 {
        text-align: center !important;
    }
    
    /* 图片样式优化 */
    .stats-counter-tons img,
    .stats-counter-kitchens img,
    .stats-counter-countries img {
        width: 85px !important;
        height: 85px !important;
        margin-top: 20px !important;
        object-fit: contain !important;
    }
}