/* Hide Featured Customers section temporarily */
#featured-customers {
    display: none !important;
}

/* ==================== 首页特定样式 ==================== */
/* 注意：WordPress 管理工具栏隐藏代码已移至 base.css（全站通用） */
/* 注意：
 * 1. 此文件主要用于首页（body.home），但也会被产品分类页加载（enqueue.php第62行）
 * 2. 所有会影响其他页面的规则必须限制为 body.home，避免影响产品分类页
 * 3. 基础栅格系统、CSS 变量和通用响应式已移至 base.css，所有页面共享
 */

/* ==================== Section 样式工具类 ==================== */

/* Section Padding 工具类 - 统一间距（合并所有 padding 类） */
.section-padding,
.section-padding-large,
.section-padding-medium,
.section-padding-small,
body.home section[class*="section-"],
body.home .section-cta-cards {
    padding: 30px 20px;
}

/* Section Background 工具类 */
.section-bg-light {
    background: var(--bg-light);
}

/* Section Margin 工具类 */
.section-margin-top {
    margin-top: 40px;
}

/* Grid Margin 工具类 */
.grid-margin-top {
    margin-top: 40px;
}

/* ==================== 通用组件 ==================== */
/* 注意：浮动按钮样式已移至 components.css（全站通用） */
.section-title {
    font-size: 36px;
    font-weight: 700;
    text-align: center;
    margin: 15px 0 15px;
    text-transform: capitalize;
    color: var(--heading-primary-color, var(--primary-color, #000e4f));
}

.section-title-left {
    text-align: left;
    margin: 0 0 20px;
}

.section-subtitle {
    text-align: center;
    color: var(--body-text-color, #333);
    margin-bottom: 40px;
}

.section-header {
    margin-bottom: 40px;
}

/* ==================== Premier Manufacturing Section ==================== */
body.home .premier-manufacturing__text h2 {
    text-align: left;
    margin: 0 0 20px;
    font-size: 22px;
    font-weight: 700;
    color: var(--heading-primary-color, var(--primary-color));
    text-transform: capitalize;
}

/* Premier Manufacturing 图片/视频容器 - 固定尺寸 */
body.home .premier-manufacturing__image {
    position: relative;
}

body.home .premier-manufacturing__video-wrapper {
    width: 100%;
    height: 400px; /* 固定高度 400px */
    position: relative;
    overflow-x: hidden;
    border-radius: 8px;
}

body.home .premier-manufacturing__image-wrapper {
    width: 100%;
    height: 410px; /* 固定高度 410px */
    position: relative;
    overflow: hidden;
    border-radius: 8px;
}

body.home .premier-manufacturing__image-only {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 8px;
}

body.home .premier-manufacturing__video-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

body.home .premier-manufacturing__video-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background: #000;
}

body.home .premier-manufacturing__cover-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

body.home .premier-manufacturing__play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 68px;
    height: 48px;
    transition: transform 0.2s;
}

body.home .premier-manufacturing__video-cover:hover .premier-manufacturing__play-button {
    transform: translate(-50%, -50%) scale(1.1);
}

body.home .premier-manufacturing__video-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none; /* 默认隐藏，JavaScript 控制显示 */
}

body.home .premier-manufacturing__video-iframe iframe {
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 8px;
}

/* 文本样式工具类 */
.text-gray {
    font-size: 16px;
    line-height: 1.8;
    color: var(--body-text-color, #333);
}

.text-gray-margin {
    font-size: 16px;
    line-height: 1.8;
    color: var(--body-text-color, #333);
    margin-bottom: 30px;
}

.btn {
    padding: 15px 30px;
    text-decoration: none;
    font-weight: 700;
    border-radius: 5px;
    transition: var(--transition);
    display: inline-block;
    border: none;
    cursor: pointer;
    font-size: 16px;
    white-space: nowrap; /* 按钮文字不换行，保持一行 */
}

.btn-primary {
    background: var(--accent-color); /* 橙色 - 点缀色 */
    color: #fff;
}

.btn-primary:hover {
    background: var(--accent-hover); /* 深橙色 - hover状态 */
    transform: translateY(-2px);
}

.btn-red {
    background: var(--accent-color); /* 橙色 - 点缀色 */
    color: #fff;
}

.btn-red:hover {
    background: var(--accent-hover); /* 深橙色hover */
    transform: translateY(-2px);
}

/* ==================== 首页特定：Hero Banner ==================== */
/* 注意：以下规则仅适用于首页（body.home），不影响其他页面 */
/* 首页banner不应该有margin-top，body的padding-top已为fixed header留出空间 */
body.home main#site-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

body.home main#site-content > *:first-child {
    margin-top: 0 !important;
}

body.home .hero-banner {
    margin-top: 0 !important;
    padding-top: 0px !important;
}

body.home .hero-banner {
    position: relative; /* 作为内容区域的定位参考 */
    min-height: 500px;
    height: auto; /* 自适应高度，跟随slide和图片高度 */
    color: #fff;
    margin-top: 0; /* 移除margin-top，body的padding-top已为fixed header留出空间 */
    margin-bottom: 30px; /* 与下一个模块的间距 */
    overflow: hidden; /* 确保内容不会超出banner范围 */
}

.hero-banner__swiper-wrapper {
    position: relative;
    width: 100%;
    min-height: 500px;
    overflow: hidden;
    /* 确保内容区域始终在banner内部，作为绝对定位的参考点 */
}

.hero-banner__swiper {
    width: 100%;
    max-width: none;
    height: 550px;
    position: relative;
    overflow: hidden;
    margin: 0;
}

.hero-banner__swiper .swiper-slide {
    width: 100%;
    height: 100%;
    position: relative;
}

.hero-banner__slide {
    width: 100%;
    height: 100%;
    min-height: 550px;
    display: block;
    position: relative;
    overflow: hidden;
    /* 确保slide作为内容区域的定位参考 */
    box-sizing: border-box;
}

.hero-banner__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

/* Hero Banner 媒体文件（图片、GIF、视频）统一样式 */
.hero-banner__media {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

/* Hero Banner 视频样式 */
.hero-banner__slide video.hero-banner__media {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    background: #000;
}

/* Hero Banner YouTube 视频样式 */
.hero-banner__youtube {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    background: #000;
}

.hero-banner__youtube-iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    /* 计算适合 1920x620 的比例，确保视频覆盖整个区域 */
    /* YouTube 默认 16:9，banner 是 1920:620 (约 3.1:1) */
    /* 需要放大视频以覆盖整个区域，类似 object-fit: cover 效果 */
    width: 177.78vh; /* 基于高度的宽度计算 (16/9 * 100vh)，确保高度填满时宽度足够 */
    height: 100%;
    min-width: 100%; /* 确保至少覆盖整个宽度 */
    min-height: 56.25vw; /* 基于宽度的最小高度 (9/16 * 100vw)，确保宽度填满时高度足够 */
    transform: translate(-50%, -50%);
    /* 这样设置可以确保视频始终覆盖整个 1920x620 区域，不会留黑边 */
}

/* 响应式：YouTube 视频在小屏幕上保持比例 */
@media (max-width: 1920px) {
    .hero-banner__youtube-iframe {
        /* 在大屏幕上，确保视频覆盖整个区域 */
        width: 177.78vh;
        height: 100%;
        min-width: 100%;
        min-height: 56.25vw;
    }
}

@media (max-width: 768px) {
    .hero-banner__youtube-iframe {
        width: 100%;
        height: 100%;
        /* 在小屏幕上，保持视频的原始比例 */
        min-width: 100%;
        min-height: 100%;
    }
}

/* Hero Banner 内容区域 - 固定在左侧居中 */
.hero-banner__content {
    position: absolute;
    left: 10%;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 20px;
    max-width: 700px;
    z-index: 10; /* 确保内容在轮播图片之上 */
    /* 确保内容不会超出banner范围，始终跟随banner高度 */
    max-height: calc(100% - 40px); /* 留出上下边距，确保内容在banner内部 */
    overflow: visible; /* 允许内容正常显示，但通过max-height限制 */
    box-sizing: border-box;
    /* 确保内容区域相对于hero-banner定位 */
    width: auto;
}

/* Hero Banner 内容不限制宽度，保持全屏 */
.hero-banner__content.container {
    max-width: 700px; /* 覆盖 container 的 1400px 限制，设置合适的最大宽度 */
    width: auto; /* 根据内容自适应 */
    background: rgba(255, 255, 255, 0.5); /* 白色背景，20%透明（80%不透明） */
    padding: 30px 5px; /* 增加内边距，让内容更舒适 */
    border-radius: 10px; /* 圆角，更美观 */
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15); /* 添加阴影，增强层次感 */
    box-sizing: border-box;
    overflow: hidden; /* 确保内容不会溢出盒子 */
    word-wrap: break-word; /* 允许内容换行 */
}

body.home .hero-banner h1,
body.home .hero-banner__title,
body.home .hero-banner__content h1,
body.home .hero-banner__content .hero-banner__title {
    color: var(--heading-primary-color, var(--primary-color, #181515));
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 30px;
    text-transform: capitalize !important;
    letter-spacing: 2px;
    line-height: 1.3;
    text-align: left; /* 文字左对齐 */
    width: 100%; /* 确保宽度为 100%，限制在内容盒子内 */
    max-width: 100%; /* 最大宽度不超过父容器 */
    word-wrap: break-word; /* 允许长单词换行 */
    overflow-wrap: break-word; /* 现代浏览器的换行属性 */
    box-sizing: border-box; /* 包含 padding 和 border 在宽度内 */
}

.hero-banner__subtitle {
    color: var(--body-text-color, #333);
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 30px;
    line-height: 1.3;
    text-align: left; /* 文字左对齐 */
}
.hero-buttons {
    display: flex;
    gap: 20px;
    justify-content: center; /* 按钮在标题下方，按钮保持居中 */
    flex-wrap: nowrap; /* 按钮不换行，保持同一行 */
}

/* ==================== Swiper 按钮公共样式 ==================== */
/* 通用 Swiper 按钮基础样式 */
[class*="__swiper-wrapper"] .swiper-button-prev,
[class*="__swiper-wrapper"] .swiper-button-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    transition: var(--transition);
}

/* Hero Banner 左右箭头样式 */
.hero-banner__swiper-wrapper .swiper-button-prev,
.hero-banner__swiper-wrapper .swiper-button-next {
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0.8);
    color: #0a0a0a;
    font-size: 24px;
    font-weight: bold;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.hero-banner__swiper-wrapper .swiper-button-prev {
    left: 20px;
}

.hero-banner__swiper-wrapper .swiper-button-next {
    right: 20px;
}

.hero-banner__swiper-wrapper .swiper-button-prev:hover,
.hero-banner__swiper-wrapper .swiper-button-next:hover {
    background: rgba(255, 255, 255, 1);
    transform: translateY(-50%) scale(1.1);
}

/* Hero Banner 分页器样式 */
body.home .hero-banner .swiper-pagination,
body.home #banner-pagination {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    width: auto;
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
    margin: 0;
    padding: 0 20px;
    box-sizing: border-box;
    text-align: center;
}

body.home .hero-banner .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: rgba(255, 255, 255, 0.5);
    opacity: 1;
    margin: 0 4px;
    flex-shrink: 0;
}

body.home .hero-banner .swiper-pagination-bullet-active {
    background: var(--bg-light, var(--secondary-color, #fff));
}

/* ==================== 品牌与Logo ==================== */
/* Who We Service 文本内容居中并垂直居中 */
body.home .who-we-service__content {
    display: flex;
    align-items: center; /* 垂直居中 */
}

body.home .who-we-service__text {
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: flex-start; /* 垂直居中内容 */
}

body.home .brand-logos {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3列 */
    grid-template-rows: repeat(2, 85px); /* 2行，每行固定85px高度 */
    gap: 0 20px; /* 行间距0px，列间距20px（总高度190px = 10px上padding + 85px第一行 + 0px gap + 85px第二行 + 10px下padding） */
    padding: 10px 0; /* 上下padding各10px */
    justify-items: center;
    align-items: center;
    height: 190px; /* 总高度固定190px */
}

body.home .brand-logos img {
    width: 100%;
    height: 85px; /* 固定高度85px */
    object-fit: contain; /* 保持图片比例，完整显示 */
    opacity: 1; /* 正常亮度 */
    transition: var(--transition);
}

body.home .brand-logos img:hover {
    opacity: 1; /* 悬停时保持正常亮度 */
    transform: scale(1.05); /* 悬停时轻微放大 */
}


/* ==================== 网格组件 ==================== */
.grid-1, .grid-2, .grid-3, .grid-4, .grid-6 {
    display: grid;
    gap: 30px;
    margin: 40px 0;
    align-items: stretch; /* 确保所有 grid items 拉伸到相同高度 */
    width: 100%;
    box-sizing: border-box;
}

.grid-1 {
    grid-template-columns: 1fr; /* 固定1列，一行1个 */
}

.grid-2 { 
    grid-template-columns: repeat(2, 1fr); /* 固定2列，一行2个 */
}

.grid-3 { 
    grid-template-columns: repeat(3, 1fr); /* 固定3列，均匀分配 */
}

.grid-4 { 
    grid-template-columns: repeat(4, 1fr); /* 固定4列，均匀分配 */
}

.grid-6 { 
    grid-template-columns: repeat(6, 1fr); /* 固定6列，均匀分配 */
}

/* 确保 grid 内的所有子元素宽度一致 */
.grid-1 > *, .grid-2 > *, .grid-3 > *, .grid-4 > *, .grid-6 > * {
    min-width: 0; /* 防止内容溢出 */
    width: 100%;
    box-sizing: border-box;
}

/* Grid 响应式布局 */
@media (max-width: 991px) {
    .grid-6 {
        grid-template-columns: repeat(3, 1fr); /* 平板：3列 */
    }
    .grid-4 {
        grid-template-columns: repeat(2, 1fr); /* 平板：2列 */
    }
    .grid-3 {
        grid-template-columns: repeat(2, 1fr); /* 平板：2列 */
    }
}

@media (max-width: 768px) {
    .grid-6,
    .grid-4,
    .grid-3,
    .grid-2,
    .grid-1 {
        grid-template-columns: 1fr; /* 手机：1列 */
        gap: 20px;
        margin-top: 20px !important; /* 移动端margin-top改为20px */
        margin-bottom: 20px !important; /* 移动端margin-bottom改为20px */
    }
    
    /* Grid Margin 工具类 - 移动端 */
    .grid-margin-top {
        margin-top: 20px !important; /* 移动端改为20px */
    }
}

/* Grid 特定样式 */
.grid-2.max-width-800 {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

/* ==================== 方案盒子 ==================== */
.solution-box {
    background: var(--bg-light, var(--secondary-color, #f8f8f8));
    padding: 15px;
    border-radius: 8px;
}

.solution-box h3 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom:0;
    color: var(--body-text-color, #333);
    height: 50px;
    display: flex;
    align-items: flex-start;
    padding-top: 0;
    box-sizing: border-box;
}

.solution-box ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.solution-box ul li {
    padding: 10px 0 10px 30px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    color: var(--body-text-color, #333);
    position: relative;
    text-align: left;
}

.solution-box ul li::before {
    content: '✓';
    position: absolute;
    left: 0;
    top: 10px;
    color: var(--accent-color, #2196F3); /* 勾号使用点缀色 */
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
}

.solution-box ul li:last-child {
    border-bottom: none;
}

/* ==================== 统计数据 ==================== */
.stat-item {
    text-align: center;
    padding: 20px 15px;
    background: var(--bg-light, var(--secondary-color, #fff));
    border-radius: 10px;
    box-shadow: var(--shadow);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    height: 100%; /* 填满 grid cell */
    width: 100% !important; /* 确保每个项占据完整的 grid cell 宽度 */
    max-width: 100% !important; /* 防止超出 grid cell */
    box-sizing: border-box; /* 包含 padding 和 border 在宽度内 */
}

.stat-number {
    font-size: 30px;
    font-weight: 700;
    color: var(--accent-color, #FF9933);
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: center;
    line-height: 36px;
    height: 36px;
    display: block;
}

.stat-label {
    font-size: 16px;
    color: var(--text-gray, #666);
    margin: 10px 0 0 0;
    padding: 0;
    line-height: 1.4;
    width: 100%;
    text-align: center;
    min-height: 67.2px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ==================== 推荐/评价 ==================== */
body.home .testimonial-item {
    background: var(--bg-light, var(--secondary-color, #fff));
    padding: 30px;
    border-radius: 10px;
    box-shadow: var(--shadow);
    text-align: center;
    border: none !important; /* 移除所有边框 */
    border-left: none !important; /* 确保左侧没有边框 */
    outline: none !important; /* 移除轮廓 */
    outline-offset: 0 !important;
}

body.home .testimonial-avatar {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin: 0 auto 20px;
    object-fit: cover;
}

body.home .testimonial-item h4 {
    margin: 0 0 15px;
    color: var(--body-text-color, #333);
}

body.home .testimonial-item p {
    font-size: 14px;
    line-height: 1.6;
    color: var(--body-text-color, #333);
    margin: 0;
}

/* ==================== 流程步骤 ==================== */
body.home .process-steps {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 18px;
    margin: 20px 0;
}

body.home .process-step {
    background: var(--bg-light, var(--secondary-color, #fff));
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 14px;
    box-shadow: var(--shadow);
    padding: 22px 18px;

    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;

    text-align: center;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

body.home .process-step:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.10);
}

body.home .process-step-icon {
    width: 64px;
    height: 64px;
    margin: 0 0 6px;
    background: rgba(0, 0, 0, 0.06);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    overflow: hidden;
    font-family: "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", "EmojiOne Color", "Android Emoji", sans-serif;
    line-height: 1;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

/* 图片图标样式 */
body.home .process-step-icon--image {
    padding: 0;
    background: rgba(0, 0, 0, 0.03);
}

body.home .process-step-icon--image img,
body.home .process-step-icon--image svg {
    width: 70%;
    height: 70%;
    object-fit: contain;
    display: block;
}

body.home .process-step h4 {
    margin: 0;
    color: var(--text-gray, #666);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.2px;
    text-transform: uppercase;
}

body.home .process-step h5 {
    margin: 8px 0 0;
    color: var(--body-text-color, #333);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
}

body.home .process-step p {
    margin: 12px 0 0;
    color: var(--text-gray, #666);
    font-size: 14px;
    line-height: 1.6;
    max-width: 260px;
}

/* --- Fix for Private Label Solutions Swiper --- */


@media (max-width: 768px) {
    body.home .process-steps {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    body.home .process-step {
        padding: 16px;
    }
}

/* ==================== CTA Cards Section ==================== */
body.home .section-cta-cards {
    width: 100%;
    max-width: none;
    margin: 0;
    height: 320px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    position: relative;
    padding: 30px 20px; /* 统一间距 */
}

body.home .section-cta-cards::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: transparent; /* 首页不使用变暗遮罩 */
    z-index: 1;
}

body.home .section-cta-cards .container {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1400px;
}

body.home .cta-cards__grid {
    margin: 0 !important;
}

.cta-card {
    background: rgba(255, 255, 255, 0.95); /* 默认背景，如果设置了自定义背景会被覆盖 */
    color: #333;
    padding: 40px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    position: relative;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* CTA Card 动态样式（由 data-attribute 控制，避免内联 style） */
.cta-card[data-bg-image] {
    background-size: cover;
    background-position: center top; /* 优先显示图片顶部 */
    background-repeat: no-repeat;
}

/* 当卡片有背景图片时，添加文字遮罩以确保可读性 */
.cta-card--has-bg::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: transparent; /* 首页不使用变暗遮罩 */
    z-index: 1;
    border-radius: 10px;
}

.cta-card--has-bg > * {
    position: relative;
    z-index: 2;
    color: #080808; /* 不变暗时保持深色文字 */
}

.cta-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}

.cta-card h3 {
    font-size: 24px;
    margin: 0 0 15px;
}

.cta-card p {
    margin: 0 0 20px;
    opacity: 0.9;
}

/* ==================== Featured Customers Swiper ==================== */
.featured-customers__swiper-wrapper {
    position: relative;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 70px; /* 为外部箭头留出空间（箭头宽度40px + 间距20px + 容器边距10px） */
    height: 350px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}

.featured-customers__swiper {
    width: 100%;
    height: 100%;
    min-height: 350px;
    padding: 0; /* 移除 padding，因为箭头在外部 */
    overflow: hidden;
    position: relative;
    /* 删除 display: flex，让 Swiper 自己控制布局 */
}

/* Swiper wrapper - 让 Swiper 自己控制样式 */
.featured-customers__swiper .swiper-wrapper {
    height: 100%;
    display: flex; /* Swiper 需要 flex 来布局 */
    transition-property: transform;
}

.featured-customers__swiper .swiper-slide {
    /* 让 Swiper 自动计算宽度，不要设置 display: flex 在 slide 上 */
    height: 100%;
    box-sizing: border-box;
}

.featured-customers__swiper .swiper-slide:last-child {
    margin-right: 0;
}

.featured-customers__logo-wrapper {
    width: 100%;
    max-width: 240px;
    height: 240px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    box-sizing: border-box;
}

.featured-customers__logo {
    width: 220px;
    height: 220px;
    object-fit: contain;
    opacity: 1;
    transition: var(--transition);
    margin: 0;
}

.featured-customers__logo-wrapper:hover .featured-customers__logo {
    opacity: 1;
}

/* Featured Customers Swiper 按钮样式 - 放在容器外部 */
.featured-customers__swiper-wrapper .swiper-button-prev,
.featured-customers__swiper-wrapper .swiper-button-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: rgba(180, 173, 173, 0.9);
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: bold;
    color: rgb(17, 17, 17);
    z-index: 10;
    transition: var(--transition);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    margin: 0;
}

.featured-customers__swiper-wrapper .swiper-button-prev {
    left: 0; /* 放在容器左侧外部，紧贴容器边缘 */
}

.featured-customers__swiper-wrapper .swiper-button-next {
    right: 0; /* 放在容器右侧外部，紧贴容器边缘 */
}

.featured-customers__swiper-wrapper .swiper-button-prev:hover,
.featured-customers__swiper-wrapper .swiper-button-next:hover {
    background: var(--primary-color);
    color: #fff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/* Featured Customers 响应式样式 - 箭头在外部 */
/* 电脑端和平板端：确保正常显示多个slide */
@media (min-width: 769px) {
    .featured-customers__swiper .swiper-slide {
        width: auto !important; /* 电脑端让Swiper自动计算宽度 */
        padding: 0 !important; /* 移除手机端的padding */
        flex-shrink: 0 !important;
    }
    
    .featured-customers__logo-wrapper {
        width: 100% !important;
        max-width: 240px !important; /* 恢复电脑端的最大宽度 */
    }
    
    .featured-customers__logo {
        width: 220px !important;
        max-width: 220px !important;
        height: 220px !important;
        object-fit: contain !important;
    }
}

@media (max-width: 991px) {
    .featured-customers__swiper-wrapper {
        padding: 0 60px; /* 平板端减小 padding */
    }
    
    .featured-customers__swiper-wrapper .swiper-button-prev {
        left: 0;
    }
    
    .featured-customers__swiper-wrapper .swiper-button-next {
        right: 0;
    }
}

@media (max-width: 768px) {
    .featured-customers__swiper-wrapper {
        padding: 0 50px; /* 移动端进一步减小 padding */
    }
    
    .featured-customers__swiper-wrapper .swiper-button-prev,
    .featured-customers__swiper-wrapper .swiper-button-next {
        width: 35px;
        height: 35px;
        font-size: 16px;
    }
    
    .featured-customers__swiper-wrapper .swiper-button-prev {
        left: 0;
    }
    
    .featured-customers__swiper-wrapper .swiper-button-next {
        right: 0;
    }
    
    /* Featured Customers 手机端图片间距 - 仅在手机端生效 */
    .featured-customers__swiper {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    .featured-customers__swiper .swiper-wrapper {
        display: flex !important;
        gap: 0 !important; /* Swiper使用spaceBetween，不需要gap */
    }
    
    /* 手机端：每个slide占满宽度 */
    .featured-customers__swiper .swiper-slide {
        width: 100% !important; /* 手机端每个slide占满宽度 */
        flex-shrink: 0 !important;
        box-sizing: border-box;
        padding: 0 7.5px !important; /* 左右各7.5px，总共15px间距 */
    }
    
    .featured-customers__swiper .swiper-slide:first-child {
        padding-left: 0 !important;
    }
    
    .featured-customers__swiper .swiper-slide:last-child {
        padding-right: 0 !important;
    }
    
    .featured-customers__logo-wrapper {
        margin: 0 auto; /* 确保logo居中 */
        width: 100% !important;
        max-width: 100% !important;
    }
    
    .featured-customers__logo {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        object-fit: contain;
    }
}

/* ==================== WPForms（全站基础覆盖）==================== */
/* 让 WPForms 在首页/分类页等位置尽量贴合主题表单风格 */
.form-container .wpforms-container {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}

.form-container .wpforms-container form.wpforms-form {
    width: 100%;
}

.form-container .wpforms-form .wpforms-field {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}

.form-container .wpforms-form .wpforms-field input[type="text"],
.form-container .wpforms-form .wpforms-field input[type="email"],
.form-container .wpforms-form .wpforms-field input[type="tel"],
.form-container .wpforms-form .wpforms-field input[type="url"],
.form-container .wpforms-form .wpforms-field select,
.form-container .wpforms-form .wpforms-field textarea {
    width: 100% !important;
    max-width: 100% !important;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-family: inherit;
    font-size: 14px;
    transition: var(--transition);
    box-sizing: border-box;
}

.form-container .wpforms-form .wpforms-field input:focus,
.form-container .wpforms-form .wpforms-field select:focus,
.form-container .wpforms-form .wpforms-field textarea:focus {
    outline: none;
    border-color: var(--accent-color, var(--primary-color));
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.08);
}

.form-container .wpforms-form .wpforms-field-label {
    display: block;
    margin-bottom: 8px;
    font-weight: 700;
    color: var(--body-text-color, #333);
    font-size: 14px;
}

.form-container .wpforms-submit-container {
    text-align: center;
    margin-top: 30px;
    padding: 0;
}

.form-container .wpforms-container .wpforms-submit,
.form-container .wpforms-container button[type="submit"] {
    padding: 15px 50px;
    font-size: 18px;
    position: relative;
}

/* ==================== 表单样式 ==================== */
.form-container {
    max-width: 800px;
    margin: 0 auto;
}

.form-row {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    margin-bottom: 20px;
}

.form-group-full-width {
    grid-column: 1 / -1;
}

.form-submit-wrapper {
    text-align: center;
    margin-top: 30px;
}

.btn-submit-large {
    padding: 15px 50px;
    font-size: 18px;
    position: relative;
}

.btn-submit-large:disabled {
    opacity: 0.7;
    cursor: not-allowed;
}

.btn-loading .spinner {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
    margin-right: 8px;
    vertical-align: middle;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}

.form-group {
    margin-bottom: 20px;
}

.form-group label {
    display: block;
    margin-bottom: 8px;
    font-weight: 700;
    color: var(--body-text-color, #333);
    font-size: 14px;
}

.form-group input[type="text"],
.form-group input[type="email"],
.form-group input[type="tel"],
.form-group textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-family: inherit;
    font-size: 14px;
    transition: var(--transition);
}

.form-group textarea {
    min-height: 120px;
    resize: vertical;
}

.form-group input:focus,
.form-group textarea:focus {
    outline: none;
    border-color: var(--accent-color, var(--primary-color));
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.08);
}

.radio-group {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.radio-group label {
    display: flex;
    align-items: center;
    gap: 5px;
    margin: 0;
    font-weight: normal;
}

.radio-group input[type="radio"] {
    cursor: pointer;
}

/* ==================== 工厂区域 ==================== */
.factory-section {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* Section 层保持全屏背景 */
}

/* Factory Capabilities 内容限制在 1400px */
.factory-capabilities__content {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 40px 20px;
    min-height: auto;
    color: #fff;
    text-align: center;
    /* container 类会自动限制宽度为 1400px */
}

.factory-capabilities__content h3,
.factory-capabilities__title {
    font-size: 36px;
    font-weight: 700;
    margin: 0 0 20px;
}

.factory-divider {
    max-width: 200px;
    height: auto;
    margin-bottom: 20px;
}

/* ==================== 认证圆形 ==================== */
body.home .cert-circle {
    width: 250px;
    height: 300px;
    border-radius: 12px; /* 正方形圆角，可根据需要调整圆角大小 */
    background: var(--bg-light, var(--secondary-color, #fff)); /* 默认背景色，如果设置了背景图片会被覆盖 */
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    box-shadow: var(--shadow);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    padding: 20px;
    line-height: 1.4;
}


/* ==================== 文章卡片 ==================== */

/* 电脑端信息流卡片底部样式 */
@media (min-width: 769px) {
    .blog-card--feed .blog-card__footer {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .blog-card--feed .blog-card__action-btn {
        color: #b0b0b0; /* 设置一个较浅的灰色 */
    }

    .blog-card--feed .blog-card__action-btn:hover {
        color: #333; /* 鼠标悬停时颜色变深 */
    }
}

.blog-card {
    background: var(--bg-light, var(--secondary-color, #fff));
    border-radius: 10px;
    box-shadow: var(--shadow);
    overflow: hidden;
    transition: var(--transition);
    display: flex;
    flex-direction: column;
}

.blog-card:hover {
    transform: translateY(-5px);
}

.blog-card img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    flex-shrink: 0;
}

.blog-card-content {
    padding: 20px;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 120px;
}

.blog-card h4 {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 15px;
    color: var(--text-dark);
    line-height: 1.4;
}

.blog-card h4 a {
    color: var(--body-text-color, #333);
    text-decoration: none;
    transition: var(--transition);
}

.blog-card h4 a:hover {
    color: var(--accent-color); /* 橙色 - 点缀色 */
}

.blog-card .btn-learn-more {
    display: inline-block;
    padding: 10px 20px;
    background-color: var(--accent-color); /* 橙色 - 点缀色 */
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    transition: var(--transition);
    align-self: flex-start;
    margin-top: auto;
}

.blog-card .btn-learn-more:hover {
    background-color: var(--accent-hover); /* 深橙色hover */
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.blog-card p {
    font-size: 14px;
    color: var(--text-gray);
    line-height: 1.6;
    margin: 0;
}

.blog-card-excerpt {
    font-size: 14px;
    color: var(--text-gray);
    line-height: 1.6;
    margin: 0 0 15px;
    flex: 1;
}

/* ==================== Product Line Grid 样式 ==================== */

/* Product Line 上排：6个产品 */
.product-line__row-top {
    margin-bottom: 40px;
}

.product-line__item {
    text-align: center;
    display: flex;
    flex-direction: column;
}

.product-line__image {
    width: 100%;
    aspect-ratio: 1 / 1; /* 正方形展示 */
    overflow: hidden;
    background-color: var(--bg-light, var(--secondary-color, #f0f0f0));
    border-radius: 8px;
    margin-bottom: 15px;
}

.product-line__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: var(--transition);
}

.product-line__image:hover img {
    transform: scale(1.05);
}

.product-line__link {
    text-decoration: none;
    color: var(--body-text-color, #333);
}

.product-line__link h4 {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    margin: 0;
    transition: var(--transition);
}

.product-line__link:hover h4 {
    color: var(--accent-color, #FF9933);
}

/* Product Line 下排：3个场景类别 */
.product-line__row-bottom {
    margin-top: 0;
}

.product-line__category {
    text-align: center;
    display: flex;
    flex-direction: column;
}

.product-line__category a {
    text-decoration: none;
    color: var(--body-text-color, #333);
    display: flex;
    flex-direction: column;
    height: 100%;
}

.product-line__category-image {
    width: 100%;
    aspect-ratio: 16 / 9; /* 横向矩形，适合场景图片 */
    overflow: hidden;
    background-color: var(--bg-light, var(--secondary-color, #f0f0f0));
    border-radius: 8px;
    margin-bottom: 15px;
}

.product-line__category-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: var(--transition);
}

.product-line__category:hover .product-line__category-image img {
    transform: scale(1.05);
}

.product-line__category-title {
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 8px;
    transition: var(--transition);
}

.product-line__category:hover .product-line__category-title {
    color: var(--accent-color);
}

.product-line__category-desc {
    font-size: 14px;
    color: var(--text-gray);
    margin: 0;
}

/* ==================== Sportswear Grid 样式（复用 Product Line 结构） ==================== */

/* Sportswear 上排：6个产品 */
.sportswear__row-top {
    margin-bottom: 40px;
}

.sportswear__item {
    text-align: center;
    display: flex;
    flex-direction: column;
}

.sportswear__image {
    width: 100%;
    aspect-ratio: 1 / 1; /* 正方形展示 */
    overflow: hidden;
    background-color: var(--bg-light, var(--secondary-color, #f0f0f0));
    border-radius: 8px;
    margin-bottom: 15px;
}

.sportswear__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: var(--transition);
}

.sportswear__image:hover img {
    transform: scale(1.05);
}

.sportswear__link {
    text-decoration: none;
    color: var(--body-text-color, #333);
}

.sportswear__link h4 {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    margin: 0;
    transition: var(--transition);
}

.sportswear__link:hover h4 {
    color: var(--accent-color);
}

/* Sportswear 下排：3个场景类别 */
.sportswear__row-bottom {
    margin-top: 0;
}

.sportswear__category {
    text-align: center;
    display: flex;
    flex-direction: column;
}

.sportswear__category a {
    text-decoration: none;
    color: var(--body-text-color, #333);
    display: flex;
    flex-direction: column;
    height: 100%;
}

.sportswear__category-image {
    width: 100%;
    aspect-ratio: 16 / 9; /* 横向矩形，适合场景图片 */
    overflow: hidden;
    background-color: var(--bg-light, var(--secondary-color, #f0f0f0));
    border-radius: 8px;
    margin-bottom: 15px;
}

.sportswear__category-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: var(--transition);
}

.sportswear__category:hover .sportswear__category-image img {
    transform: scale(1.05);
}

.sportswear__category-title {
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 8px;
    transition: var(--transition);
}

.sportswear__category:hover .sportswear__category-title {
    color: var(--accent-color);
}

.sportswear__category-desc {
    font-size: 14px;
    color: var(--text-gray);
    margin: 0;
}

/* ==================== Swiper 样式（保留给其他Swiper使用） ==================== */

/* Product Line Swiper - CLS 优化和按钮定位（已废弃，保留以防其他地方使用） */
.product-line__swiper-wrapper {
    position: relative; /* 核心：让按钮相对于这个 wrapper 定位 */
    padding: 20px 0 50px;
}

.product-line__swiper {
    padding: 0;
}

/* 确保 Swiper 横向显示 */
.product-line__swiper .swiper-wrapper {
    display: flex;
    flex-direction: row; /* 强制横向布局 */
}

.product-line__swiper .swiper-slide {
    flex-shrink: 0;
    width: auto; /* 让 Swiper 控制宽度 */
}

/* CLS 优化：固定图片尺寸，防止页面跳动 */
.product-line__swiper .swiper-slide .product-slide-image {
    width: 100%;
    aspect-ratio: 1 / 1; /* 正方形展示，适合包装/服装类 */
    overflow: hidden;
    background-color: var(--bg-light, var(--secondary-color, #f0f0f0)); /* 图片加载前的占位背景 */
}

.product-line__swiper .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: var(--transition);
}

.product-line__swiper .swiper-slide img:hover {
    transform: scale(1.05);
}

/* Swiper 按钮定位修正 */
.product-line__swiper-wrapper .swiper-button-prev,
.product-line__swiper-wrapper .swiper-button-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: bold;
    color: var(--primary-color);
    z-index: 10;
    transition: var(--transition);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.product-line__swiper-wrapper .swiper-button-prev {
    left: 10px;
}

.product-line__swiper-wrapper .swiper-button-next {
    right: 10px;
}

.product-line__swiper-wrapper .swiper-button-prev:hover,
.product-line__swiper-wrapper .swiper-button-next:hover {
    background: var(--primary-color);
    color: #fff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.swiper-container {
    padding: 0;
}

/* ==================== Factory Capabilities Swiper (复用 Featured Customers 结构) ==================== */
.factory-capabilities__swiper-wrapper {
    position: relative;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 70px; /* 给外侧箭头留空间 */
    height: 350px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}

.factory-capabilities__swiper {
    width: 100%;
    height: 100%;
    min-height: 350px;
    padding: 0; /* 去掉内侧 padding */
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
}

/* 确保 Swiper 横向显示 */
.factory-capabilities__swiper .swiper-wrapper {
    display: flex !important;
    flex-direction: row !important;
    align-items: center;
}

.factory-capabilities__swiper .swiper-slide {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    /* 删除 width 和 max-width 覆盖，让 Swiper 自动计算宽度 */
    height: 100%;
    margin-right: 0;
}

.factory-capabilities__image-wrapper {
    width: 240px;
    height: 240px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 8px;
    border: 2px solid #e0e0e0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    background-color: var(--bg-light, var(--secondary-color, #f5f5f5));
    padding: 4px;
    box-sizing: border-box;
    margin: 0 auto;
}

.factory-capabilities__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: var(--transition);
    border-radius: 4px;
}

.factory-capabilities__image-wrapper:hover .factory-capabilities__image {
    transform: scale(1.05);
}

.factory-capabilities__slide-title {
    font-size: 16px;
    font-weight: 600;
    margin: 15px 0 0;
    text-align: center;
    color: var(--text-dark);
}

/* Factory Capabilities Swiper 按钮样式 - 放在容器外部 */
.factory-capabilities__swiper-wrapper .swiper-button-prev,
.factory-capabilities__swiper-wrapper .swiper-button-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: rgba(223, 213, 213, 0.9);
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: bold;
    color: black;
    z-index: 10;
    transition: var(--transition);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    margin: 0;
    opacity: 1 !important;
    pointer-events: auto; /* 允许点击箭头 */
}

.factory-capabilities__swiper-wrapper .swiper-button-prev {
    left: 0; /* 放在容器左侧外部，紧贴容器边缘 */
}

.factory-capabilities__swiper-wrapper .swiper-button-next {
    right: 0; /* 放在容器右侧外部，紧贴容器边缘 */
}

.factory-capabilities__swiper-wrapper .swiper-button-prev:hover,
.factory-capabilities__swiper-wrapper .swiper-button-next:hover {
    background: var(--primary-color);
    color: #fff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/* Factory Capabilities 响应式样式 - 箭头在外部 */
/* 电脑端和平板端：确保正常显示多个slide */
@media (min-width: 769px) {
    .factory-capabilities__swiper .swiper-slide {
        width: auto !important; /* 电脑端让Swiper自动计算宽度 */
        padding: 0 !important; /* 移除手机端的padding */
        flex-shrink: 0 !important;
    }
    
    .factory-capabilities__image-wrapper {
        width: 240px !important;
        max-width: 240px !important;
        height: 240px !important;
    }
    
    .factory-capabilities__image {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }
}

@media (max-width: 991px) {
    .factory-capabilities__swiper-wrapper {
        padding: 0 60px; /* 平板端减小 padding */
    }
    
    .factory-capabilities__swiper-wrapper .swiper-button-prev {
        left: 0;
    }
    
    .factory-capabilities__swiper-wrapper .swiper-button-next {
        right: 0;
    }
}

@media (max-width: 768px) {
    .factory-capabilities__swiper-wrapper {
        padding: 0 50px; /* 移动端进一步减小 padding */
    }
    
    .factory-capabilities__swiper-wrapper .swiper-button-prev,
    .factory-capabilities__swiper-wrapper .swiper-button-next {
        width: 35px;
        height: 35px;
        font-size: 16px;
    }
    
    .factory-capabilities__swiper-wrapper .swiper-button-prev {
        left: 0;
    }
    
    .factory-capabilities__swiper-wrapper .swiper-button-next {
        right: 0;
    }
    
    /* Factory Capabilities 手机端图片间距 - 使用padding在slide上 */
    .factory-capabilities__swiper {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    .factory-capabilities__swiper .swiper-wrapper {
        display: flex !important;
        gap: 0 !important; /* Swiper使用spaceBetween，不需要gap */
    }
    
    .factory-capabilities__swiper .swiper-slide {
        width: 100% !important; /* 手机端每个slide占满宽度 */
        flex-shrink: 0 !important;
        box-sizing: border-box;
        padding: 0 7.5px !important; /* 左右各7.5px，总共15px间距 */
    }
    
    .factory-capabilities__swiper .swiper-slide:first-child {
        padding-left: 0 !important;
    }
    
    .factory-capabilities__swiper .swiper-slide:last-child {
        padding-right: 0 !important;
    }
    
    .factory-capabilities__image-wrapper {
        width: 245px !important;
        max-width: 245px !important;
        height: 245px !important;
        margin: 0 auto;
        padding: 0 !important;
    }
    
    .factory-capabilities__image {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }
}

/* ==================== Paper Box By Industries Swiper ==================== */
.paper-box__swiper-wrapper {
    position: relative;
    padding: 20px 0 50px;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding-left: 70px; /* 为左侧箭头留出空间 */
    padding-right: 70px; /* 为右侧箭头留出空间 */
    box-sizing: border-box;
}

.paper-box__swiper {
        padding: 0; /* 移除 padding，因为箭头在外部 */
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
}

/* 确保 Swiper 横向显示 */
.paper-box__swiper .swiper-wrapper {
    display: flex;
    flex-direction: row; /* 强制横向布局 */
}

.paper-box__swiper .swiper-slide {
    text-align: center;
    flex-shrink: 0;
    width: auto; /* 让 Swiper 控制宽度 */
    /* 移除 margin-right，使用 Swiper 的 spaceBetween 来控制间距 */
}

.paper-box__case-link {
    display: block;
    text-decoration: none;
    color: var(--text-dark);
    transition: var(--transition);
}

.paper-box__case-link:hover {
    color: var(--primary-color);
}

.paper-box__image-wrapper {
    width: 100%;
    max-width: 300px;
    height: 250px; /* 固定高度 */
    overflow: hidden;
    background-color: var(--bg-light, var(--secondary-color, #f0f0f0));
    border-radius: 8px;
    margin: 0 auto 20px;
    box-sizing: border-box;
    padding: 0;
}

.paper-box__image {
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    display: block;
    transition: var(--transition);
    box-sizing: border-box;
}

.paper-box__case-link:hover .paper-box__image {
    transform: scale(1.05);
}

.paper-box__content {
    padding: 0 10px;
}

.paper-box__title {
    font-size: 36px;
    font-weight: 700;
    margin: 0 0 10px;
    transition: var(--transition);
}

.paper-box__case-link:hover .paper-box__title {
    color: var(--primary-color);
}

.paper-box__desc {
    font-size: 14px;
    color: var(--text-gray);
    line-height: 1.6;
    margin: 0;
}

/* Paper Box Swiper 按钮样式 - 按钮在 wrapper 外部 */
.paper-box__swiper-wrapper .swiper-button-prev,
.paper-box__swiper-wrapper .swiper-button-next,
.paper-box__swiper-wrapper .paper-box-prev,
.paper-box__swiper-wrapper .paper-box-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    cursor: pointer !important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: bold;
    color: var(--primary-color);
    z-index: 100 !important; /* 提高 z-index 确保在最上层 */
    transition: var(--transition);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    pointer-events: auto !important; /* 确保可以点击 */
}

.paper-box__swiper-wrapper .swiper-button-prev,
.paper-box__swiper-wrapper .paper-box-prev {
    left: 0; /* 放在容器左侧外部，紧贴容器边缘 */
}

.paper-box__swiper-wrapper .swiper-button-next,
.paper-box__swiper-wrapper .paper-box-next {
    right: 0; /* 放在容器右侧外部，紧贴容器边缘 */
}

.paper-box__swiper-wrapper .swiper-button-prev:hover,
.paper-box__swiper-wrapper .swiper-button-next:hover,
.paper-box__swiper-wrapper .paper-box-prev:hover,
.paper-box__swiper-wrapper .paper-box-next:hover {
    background: var(--primary-color);
    color: #fff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/* 图片样式工具类 */
.img-responsive {
    width: 100%;
    height: auto;
}

.img-rounded {
    border-radius: 10px;
}

.img-rounded-small {
    border-radius: 8px;
}

.img-max-width {
    max-width: 300px;
}

/* Customers Visit 样式 */
.customers-visit__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    justify-items: center;
    align-items: center;
    max-width: 1200px;
    margin: 40px auto 0;
}

.customers-visit__item {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.customers-visit__image-wrapper {
    width: 240px;
    height: 240px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 8px;
    border: 2px solid #e0e0e0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    background-color: var(--bg-light, var(--secondary-color, #f5f5f5));
    padding: 4px;
    box-sizing: border-box;
}

.customers-visit__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 4px;
}

/* Customers Visit 响应式样式 */
@media (max-width: 991px) {
    .customers-visit__grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

@media (max-width: 768px) {
    .customers-visit__grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    
    .customers-visit__image-wrapper {
        width: 100%;
        max-width: 240px;
    }
}
/* Design Capability 样式 */
.design-capability__content {
    display: flex !important; /* 覆盖 .row 的样式 */
    align-items: flex-start;
    gap: 40px;
    flex-wrap: nowrap !important; /* 强制不换行，覆盖 .row 的 flex-wrap: wrap */
    margin: 0 !important; /* 覆盖 .row 的 margin: 0 -15px */
}

.design-capability__left {
    flex: 0 0 50% !important; /* 固定宽度 50%，覆盖 .col-lg-6 的样式 */
    max-width: 50% !important;
    padding: 0 !important; /* 覆盖 .col-lg-6 的 padding */
    width: 50% !important;
}

.design-capability__intro-text {
    margin-bottom: 30px;
}

.design-capability__intro-text p {
    margin-bottom: 15px;
    padding-top: 10px;
    line-height: 1.8;
    color: var(--body-text-color, #333);
    font-size: 16px;
}

.design-capability__intro-text p:last-child {
    margin-bottom: 0;
}

.design-capability__cta {
    margin-top: 30px;
}

.design-capability__right {
    flex: 0 0 50% !important; /* 固定宽度 50%，覆盖 .col-lg-6 的样式 */
    max-width: 50% !important;
    padding: 0 !important; /* 覆盖 .col-lg-6 的 padding */
    width: 50% !important;
}

.design-capability__sketches {
    display: flex;
    flex-direction: column;
    gap: 30px;
    height: 400px; /* 限定高度为 400px */
    overflow: hidden; /* 超出部分隐藏 */
}

.design-capability__sketches .design-capability-item {
    height: 100%; /* 占满父容器高度 */
    display: flex;
    align-items: center;
    justify-content: center;
}

.design-capability-item {
    background: #f9f9f9;
    border-radius: 8px;
    padding: 20px;
    text-align: center;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    height: 100%; /* 占满父容器高度 */
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden; /* 超出部分隐藏 */
}

.design-capability-item h4 {
    margin: 0 0 15px 0;
    font-size: 18px;
    font-weight: 600;
    color: var(--text-dark);
}

.design-capability-item img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 保持比例，填充容器 */
    display: block;
    border-radius: 4px;
}

/* 响应式设计 */
@media (max-width: 991px) {
    .design-capability__content {
        flex-direction: column;
        gap: 30px;
    }
    
    .design-capability__left {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }
    
    .design-capability__right {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }
    
    .design-capability__sketches {
        gap: 20px;
        height: auto; /* 移动端取消固定高度 */
        min-height: 300px; /* 设置最小高度 */
    }
}

/* 手机端适配 */
@media (max-width: 768px) {
    .design-capability__content {
        flex-direction: column;
        gap: 20px;
        justify-content: flex-start !important; /* 改为 flex-start，避免居中导致偏右 */
        width: 100% !important; /* 确保宽度为 100%，不超过 container */
        max-width: 100% !important;
        box-sizing: border-box !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    /* 移除 design-capability 的左右 padding，让它基于 container 的 padding */
    /* container 已经负责了左右间距（20px），这里不需要额外的 padding */
    .design-capability__left {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        padding-left: 0 !important; /* 移除额外 padding，基于 container 的 padding */
        padding-right: 0 !important;
        margin-left: 0 !important; /* 移除 auto margin，避免偏右 */
        margin-right: 0 !important;
    }
    
    .design-capability__right {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        padding-left: 0 !important; /* 移除额外 padding，基于 container 的 padding */
        padding-right: 0 !important;
        margin-left: 0 !important; /* 移除 auto margin，避免偏右 */
        margin-right: 0 !important;
    }
    
    .design-capability__intro-text {
        margin-bottom: 20px;
    }
    
    .design-capability__intro-text p {
        font-size: 14px;
        line-height: 1.6;
        margin-bottom: 12px;
    }
    
    .design-capability__cta {
        margin-top: 20px;
    }
    
    .design-capability__cta .btn {
        width: 100%; /* 移动端按钮全宽 */
        padding: 12px 20px;
        font-size: 14px;
    }
    
    .design-capability__sketches {
        height: auto;
        min-height: 250px;
        gap: 15px;
    }
    
    .design-capability-item {
        padding: 15px;
        min-height: 250px;
    }
    
    .design-capability-item img {
        max-height: 250px;
        object-fit: contain; /* 移动端使用contain保持完整显示 */
    }
    
    .design-capability__title {
        font-size: 24px !important;
        margin-bottom: 20px;
    }
}

/* Certifications 样式 */
body.home .cert-wrapper {
    text-align: center;
    width: 250px;
    height: 300px;
}

/* FAQ Details 样式 */
.faq-details {
    padding: 15px;
    background: var(--bg-light, var(--secondary-color, #fff));
    border-radius: 5px;
    margin-bottom: 10px;
}

.faq-summary {
    cursor: pointer;
    font-weight: 700;
    color: var(--text-dark);
}

.faq-content {
    margin: 10px 0 0;
    color: var(--text-gray);
}

/* Contact Section 和 FAQ Section 样式（合并相同样式） */
.contact-section,
body.home .faq-section {
    background-color: var(--bg-light);
    padding: 30px 20px;
}

/* Contact Form 7 样式 */
.contact-form__form .wpcf7-form {
    max-width: 800px;
    margin: 0 auto;
}

.contact-form__form .wpcf7-form-control-wrap {
    display: block;
    margin-bottom: 20px;
}

.contact-form__form .wpcf7-form-control {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-family: inherit;
    font-size: 14px;
    transition: var(--transition);
}

.contact-form__form .wpcf7-form-control:focus {
    outline: none;
    border-color: var(--primary-color);
    box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.1);
}

.contact-form__form .wpcf7-textarea {
    min-height: 120px;
    resize: vertical;
}

.contact-form__form .wpcf7-submit {
    padding: 15px 50px;
    font-size: 18px;
    background-color: var(--primary-color);
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: var(--transition);
    font-weight: 700;
}

.contact-form__form .wpcf7-submit:hover {
    background-color: var(--primary-dark);
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.contact-form__form .wpcf7-submit:disabled {
    opacity: 0.7;
    cursor: not-allowed;
    transform: none;
}

.contact-form__form .wpcf7-response-output {
    margin-top: 20px;
    padding: 12px;
    border-radius: 5px;
    text-align: center;
}

.contact-form__form .wpcf7-mail-sent-ok {
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.contact-form__form .wpcf7-mail-sent-ng,
.contact-form__form .wpcf7-aborted,
.contact-form__form .wpcf7-spam {
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

.contact-form__form .wpcf7-validation-errors,
.contact-form__form .wpcf7-acceptance-missing {
    background-color: #fff3cd;
    color: #856404;
    border: 1px solid #ffeaa7;
}

.contact-form__form .wpcf7-not-valid-tip {
    color: #dc3545;
    font-size: 12px;
    margin-top: 5px;
    display: block;
}

.contact-form__form .wpcf7-list-item {
    margin: 5px 0;
}

.contact-form__form .wpcf7-radio .wpcf7-list-item,
.contact-form__form .wpcf7-checkbox .wpcf7-list-item {
    display: inline-block;
    margin-right: 15px;
}

.contact-form__form .wpcf7-radio input[type="radio"],
.contact-form__form .wpcf7-checkbox input[type="checkbox"] {
    margin-right: 5px;
    cursor: pointer;
}

.contact-form__form label {
    display: block;
    margin-bottom: 8px;
    font-weight: 700;
    color: var(--body-text-color, #333);
    font-size: 14px;
}

.contact-form__form .wpcf7-form-control-wrap label {
    font-weight: normal;
    margin-bottom: 0;
}

/* Contact Form 7 响应式 */
@media (max-width: 768px) {
    .contact-form__form .wpcf7-form {
        max-width: 100%;
    }
    
    .contact-form__form .wpcf7-submit {
        width: 100%;
        padding: 15px;
    }
}

/* 侧边栏中的 Contact Form 7 样式 */
.product-sidebar__inquiry .wpcf7-form {
    max-width: 100%;
}

.product-sidebar__inquiry .wpcf7-form-control {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-family: inherit;
    font-size: 14px;
    transition: var(--transition);
}

.product-sidebar__inquiry .wpcf7-textarea {
    min-height: 100px;
    resize: vertical;
}

.product-sidebar__inquiry .wpcf7-submit {
    width: 100%;
    padding: 12px;
    font-size: 16px;
    background-color: var(--primary-color);
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: var(--transition);
    font-weight: 700;
}

.product-sidebar__inquiry .wpcf7-submit:hover {
    background-color: var(--primary-dark);
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

/* 产品分类页面的 Contact Form 7 样式 */
.category-inquiry .inquiry-form-content .wpcf7-form {
    max-width: 100%;
}

.category-inquiry .wpcf7-form-control {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-family: inherit;
    font-size: 14px;
    transition: var(--transition);
}

.category-inquiry .wpcf7-textarea {
    min-height: 120px;
    resize: vertical;
}

.category-inquiry .wpcf7-submit {
    padding: 15px 50px;
    font-size: 18px;
    background-color: var(--primary-color);
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: var(--transition);
    font-weight: 700;
}

.category-inquiry .wpcf7-submit:hover {
    background-color: var(--primary-dark);
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

/* FAQ Section 样式已合并到 .contact-section 上方 */

/* ==================== FAQ Accordion Styles ==================== */
body.home .ss-faq {
    max-width: 900px;
    margin: 40px auto 0;
}

body.home .ss-faq__item {
    background: #fff;
    border-radius: 10px;
    box-shadow: var(--shadow, 0 2px 10px rgba(0,0,0,0.1));
    margin-bottom: 20px;
    overflow: hidden;
    transition: all 0.3s ease;
    border: 1px solid rgba(0, 0, 0, 0.05);
}

body.home .ss-faq__item:hover {
    box-shadow: 0 4px 15px rgba(0,0,0,0.15);
}

body.home .ss-faq__question {
    width: 100%;
    padding: 25px 30px;
    background: transparent;
    border: none;
    text-align: left;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 18px;
    font-weight: 600;
    color: var(--body-text-color, #333);
    transition: all 0.3s ease;
    position: relative;
}

body.home .ss-faq__question:hover {
    color: var(--accent-color, #FF9933);
    background: rgba(255, 153, 51, 0.05);
}

body.home .ss-faq__question span:first-child {
    flex: 1;
    padding-right: 20px;
    line-height: 1.5;
}

body.home .ss-faq__icon {
    flex-shrink: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-light, #f8f8f8);
    border-radius: 50%;
    font-size: 20px;
    font-weight: 300;
    color: var(--accent-color, #FF9933);
    transition: all 0.3s ease;
    line-height: 1;
}

body.home .ss-faq__question:hover .ss-faq__icon {
    background: var(--accent-color, #FF9933);
    color: #fff;
    transform: rotate(90deg);
}

body.home .ss-faq__question[aria-expanded="true"] .ss-faq__icon {
    background: var(--accent-color, #FF9933);
    color: #fff;
    transform: rotate(45deg);
}

body.home .ss-faq__answer {
    padding: 0 30px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease, padding 0.4s ease;
}

body.home .ss-faq__answer:not([hidden]) {
    padding: 0 30px 25px;
    max-height: 1000px;
}

body.home .ss-faq__answer p {
    margin: 0;
    padding-top: 15px;
    font-size: 16px;
    line-height: 1.8;
    color: var(--text-gray, #666);
}

/* ==================== Recent Blogs Section ==================== */
.no-blogs-message {
    grid-column: 1 / -1;
    text-align: center;
    padding: 40px;
}

/* ==================== 响应式设计 ==================== */
@media (max-width: 768px) {
    /* 防止水平滚动 */
    html, body {
        overflow-x: hidden; /* 只禁止左右滚动，允许上下滚动 */
        width: 100%;
        max-width: 100%;
    }
    
    /* 确保所有 section 在手机端没有右侧边距和溢出（首页特定） */
    section {
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-top: 0 !important; /* 移动端margin-top设为0 */
        margin-bottom: 0 !important; /* 移动端margin-bottom设为0 */
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
        overflow-x: hidden;
    }
    
    /* 首页section在移动端margin设为0 */
    body.home section[class*="section-"] {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    
    /* Section Margin 工具类 - 移动端 */
    .section-margin-top {
        margin-top: 0 !important; /* 移动端改为0 */
    }
    
    /* 注意：.container、.row、[class*="col-"] 的响应式调整已移至 base.css */
    
    /* Hero Banner 全屏显示 */
    .hero-banner {
        margin-top: 0 !important; /* 移除margin-top，body的padding-top已为fixed header留出空间 */
        margin-bottom: 20px !important; /* 与下一个模块的间距改为20px */
        width: 100%;
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
        overflow-x: hidden;
        position: relative;
        /* 确保section高度自适应，匹配slide和图片高度 */
        min-height: 200px !important; /* 降低最小高度 */
        height: auto !important; /* 自适应高度，跟随slide和图片 */
    }
    
    /* 确保body.home .hero-banner在移动端也自适应 */
    body.home .hero-banner {
        min-height: 200px !important;
        height: auto !important;
    }
    
    .hero-banner__swiper-wrapper {
        width: 100%;
        max-width: 100%;
        min-height: 200px; /* 设置最小高度，防止图片加载前布局塌陷 */
        height: auto !important; /* 自适应高度，贴合图片实际高度 */
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
        overflow: hidden;
        position: relative;
        /* 确保内容区域跟随banner高度 */
        display: block;
        box-sizing: border-box;
    }
    
    .hero-banner__swiper {
        width: 100%;
        max-width: 100%;
        height: auto; /* 自适应高度，贴合图片实际高度 */
        padding-left: 0;
        padding-right: 0;
    }
    
    .hero-banner__slide {
        width: 100%;
        max-width: 100%;
        height: auto !important; /* 自适应高度，贴合图片实际高度 */
        min-height: 200px; /* 设置最小高度，防止图片加载前布局塌陷 */
        padding-left: 0;
        padding-right: 0;
        position: relative !important; /* 确保是相对定位，让绝对定位的内容可以覆盖 */
        overflow: hidden; /* 确保内容不会超出slide范围 */
        box-sizing: border-box;
    }
    
    .hero-banner__image {
        width: 100%;
        max-width: 100%;
        height: auto; /* 自适应高度，贴合图片实际高度 */
        object-fit: contain; /* 使用contain显示完整图片，不被裁剪 */
        object-position: center;
        display: block;
    }
    
    /* Hero Banner 媒体文件（图片、GIF、视频）响应式样式 */
    .hero-banner__media {
        width: 100%;
        max-width: 100%;
        height: auto; /* 自适应高度，贴合图片实际高度 */
        object-fit: contain; /* 使用contain显示完整图片，不被裁剪 */
        object-position: center;
        display: block;
    }
    
    /* Hero Banner 视频响应式样式 */
    .hero-banner__slide video.hero-banner__media {
        width: 100%;
        max-width: 100%;
        height: auto; /* 视频也自适应高度 */
        object-fit: contain; /* 视频使用contain显示完整内容 */
        object-position: center;
        background: #000;
    }
    
    /* 重置 container 类的样式，避免影响 */
    /* 移动端移除白色背景、padding、圆角和阴影，保持原样 */
    .hero-banner__content.container {
        max-width: 100% !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        width: auto !important;
        background: transparent !important; /* 移动端移除背景 */
        padding-top: 0 !important; /* 移除额外的上下 padding */
        padding-bottom: 0 !important;
        border-radius: 0 !important; /* 移除圆角 */
        box-shadow: none !important; /* 移除阴影 */
    }
    
    .hero-banner__content {
        position: absolute !important; /* 绝对定位，覆盖在图片上 */
        left: 50% !important;
        transform: translateX(-50%) translateY(-50%) !important;
        top: 50% !important;
        width: calc(100% - 30px) !important; /* 留出更多左右边距 */
        max-width: calc(100% - 30px) !important;
        margin: 0 !important; /* 移除margin，使用transform定位 */
        padding: 8px !important; /* 进一步减小内边距 */
        z-index: 10;
        text-align: center;
        box-sizing: border-box;
        overflow: visible !important; /* 允许内容正常显示 */
        /* 确保内容始终在slide内部，跟随slide高度变化 */
        max-height: 90% !important; /* 留出上下边距，确保在slide内部 */
        /* 确保内容不会脱离slide */
        pointer-events: auto;
    }
    
    .hero-banner h1,
    .hero-banner__title,
    .hero-banner__content h1,
    .hero-banner__content .hero-banner__title { 
        font-size: 16px !important; /* 进一步缩小字体 */
        margin-bottom: 8px !important; /* 进一步减小间距 */
        text-align: center !important;
        line-height: 1.15 !important; /* 进一步减小行高 */
        word-wrap: break-word;
        overflow-wrap: break-word; /* 确保长单词换行 */
        max-width: 100%; /* 确保不超出容器 */
        box-sizing: border-box;
        padding: 0 !important;
        text-transform: capitalize !important; /* 确保 capitalize 在响应式下也生效 */
        color:white !important;
    }
    
    .hero-banner__subtitle {
        text-align: center !important;
        font-size: 11px !important; /* 进一步缩小字体 */
        line-height: 1.3 !important; /* 进一步减小行高 */
        margin-bottom: 10px !important; /* 进一步减小间距 */
        word-wrap: break-word;
        overflow-wrap: break-word; /* 确保长单词换行 */
        max-width: 100%; /* 确保不超出容器 */
        box-sizing: border-box;
        padding: 0 !important;
    }
    
    .hero-buttons {
        flex-direction: column;
        gap: 6px !important; /* 进一步减小按钮间距 */
        align-items: center;
        width: 100%;
        max-width: 100%; /* 确保不超出容器 */
        box-sizing: border-box;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    .hero-buttons .btn {
        width: auto !important; /* 使用 auto，让按钮根据内容自适应 */
        max-width: 90% !important; /* 最大宽度不超过容器的90% */
        min-width: 0 !important; /* 移除最小宽度限制 */
        padding: 6px 10px !important; /* 进一步减小按钮内边距 */
        font-size: 11px !important; /* 进一步缩小按钮字体 */
        box-sizing: border-box;
        margin: 0 !important;
        line-height: 1.2 !important; /* 减小按钮行高 */
    }
    
    .hero-banner__swiper-wrapper .swiper-button-prev,
    .hero-banner__swiper-wrapper .swiper-button-next {
        width: 40px;
        height: 40px;
        font-size: 20px;
    }
    
    .hero-banner__swiper-wrapper .swiper-button-prev {
        left: 10px;
    }
    
    .hero-banner__swiper-wrapper .swiper-button-next {
        right: 10px;
    }
    
    /* Hero Banner 分页器 - 移动端优化 */
    .hero-banner .swiper-pagination,
    #banner-pagination {
        bottom: 15px;
        padding: 0 15px;
    }
    
    .hero-banner .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        margin: 0 3px;
    }
    
    .section-title { 
        font-size: 28px; 
        /* 移动端：减小与上下模块的间距，并移除额外内边距 */
        margin: 20px 0 10px; /* 原来是 40px 0 20px，间距太大 */
        padding: 0; /* 确保标题本身没有内边距 */
        text-align: center !important; /* 确保标题居中 */
    }
    
    /* 确保所有标题和副标题在手机端居中 */
    .section-title-left {
        text-align: center !important; /* 手机端强制居中 */
    }
    
    .section-subtitle {
        text-align: center !important; /* 确保副标题居中 */
    }
    
    .section-header {
        text-align: center !important; /* 确保section头部内容居中 */
    }
    
    /* 确保各个模块的内容容器居中 */
    .container {
        margin-left: auto;
        margin-right: auto;
        text-align: center; /* 容器内文本居中 */
    }
    
    /* 轮播图容器居中 */
    .swiper-container,
    .swiper-wrapper,
    [class*="swiper"] {
        margin-left: auto;
        margin-right: auto;
    }
    
    /* 各个section的swiper-wrapper居中 */
    [class*="__swiper-wrapper"],
    [class*="__swiper"] {
        margin-left: auto;
        margin-right: auto;
    }
    
    /* 确保所有轮播图容器居中 */
    .featured-customers__swiper-wrapper,
    .factory-capabilities__swiper-wrapper,
    .paper-box__swiper-wrapper,
    .sportswear__swiper-wrapper,
    .product-line__swiper-wrapper {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    
    /* 确保各个模块的内容区域居中 */
    .section-who-we-service .container,
    .section-custom-solution .container,
    .section-product-line .container,
    .section-sportswear .container,
    .section-featured-customers .container,
    .section-factory-capabilities .container,
    .section-design-capability .container,
    body.home .section-certifications .container,
    .section-process-setup .container,
    .section-customers-visit .container,
    .section-testimonials .container {
        margin-left: auto !important; /* 确保居中 */
        margin-right: auto !important; /* 确保居中 */
        text-align: center !important; /* 容器内内容居中 */
    }
    
    /* 统一：移动端所有container内的内容、标题和盒子居中 */
    .container > * {
        text-align: center !important; /* 所有直接子元素居中 */
    }
    
    /* 确保grid内的所有项目居中 */
    .grid-1 > *,
    .grid-2 > *,
    .grid-3 > *,
    .grid-4 > *,
    .grid-6 > * {
        text-align: center !important; /* grid项目内容居中 */
        margin-left: auto !important;
        margin-right: auto !important;
    }
    
    /* 确保所有盒子居中 */
    .solution-box,
    .product-line__item,
    .product-line__category,
    .sportswear__item,
    .sportswear__category,
    .cta-card,
    .testimonial-item,
    .cert-wrapper,
    .customers-visit__item,
    .process-step,
    .blog-card {
        text-align: center !important; /* 盒子内容居中 */
        margin-left: auto !important;
        margin-right: auto !important;
        border: none !important; /* 移除所有边框 */
        border-left: none !important; /* 确保左侧没有边框 */
        outline: none !important; /* 移除轮廓 */
        outline-offset: 0 !important;
    }
    
    /* 重置row的负边距，确保移动端居中 */
    .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
        justify-content: center !important; /* 确保内容居中 */
    }
    
    /* 重置col的内边距，确保移动端居中，与 container 的 padding 20px 匹配 */
    .row [class*="col-"] {
        text-align: center !important;
        padding-left: 20px !important; /* 统一内边距，与 container 的 padding 20px 匹配 */
        padding-right: 20px !important; /* 统一内边距，与 container 的 padding 20px 匹配 */
        margin-left: 0 !important; /* 移除 auto margin，避免偏右 */
        margin-right: 0 !important; /* 移除 auto margin，避免偏右 */
    }
    
    /* 移动端相关元素重置 - who-we-service 和 design-capability */
    .who-we-service__content,
    .design-capability__content {
        margin-left: 0 !important;
        margin-right: 0 !important;
        justify-content: flex-start !important; /* 改为 flex-start，避免居中导致偏右 */
        width: 100% !important; /* 确保宽度为 100%，不超过 container */
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    
    /* 移除特定元素的左右 padding，让它基于 container 的 padding */
    /* container 已经负责了左右间距（20px），这里不需要额外的 padding */
    /* 移除 auto margin，避免在 flexbox 中导致偏右 */
    .row [class*="col-"].who-we-service__text,
    .row [class*="col-"].who-we-service__logos,
    .row .who-we-service__text,
    .row .who-we-service__logos,
    .who-we-service__text,
    .who-we-service__logos,
    .row [class*="col-"].design-capability__left,
    .row [class*="col-"].design-capability__right,
    .row .design-capability__left,
    .row .design-capability__right,
    .design-capability__left,
    .design-capability__right {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important; /* 移除 auto margin，避免偏右 */
        margin-right: 0 !important; /* 移除 auto margin，避免偏右 */
        width: 100% !important;
        max-width: 100% !important;
    }
    
    /* 覆盖特定列布局元素的左对齐样式，移动端强制居中 */
    .who-we-service__text,
    .who-we-service__logos,
    .premier-manufacturing__text,
    .premier-manufacturing__image,
    .design-capability__left,
    .design-capability__right,
    .design-capability__intro-text,
    .design-capability__intro-text p,
    .design-capability__intro-text strong {
        text-align: center !important; /* 移动端强制居中 */
    }
    
    /* 确保这些列内的所有内容也居中 */
    .who-we-service__text .section-title,
    .who-we-service__text .text-gray,
    .who-we-service__text p,
    .premier-manufacturing__text h2,
    .premier-manufacturing__text p,
    .premier-manufacturing__text .text-gray-margin,
    .design-capability__intro-text p,
    .design-capability__cta {
        text-align: center !important;
    }
    
    /* Certifications 手机端居中 */
    body.home .certifications__grid {
        justify-items: center; /* 确保 grid items 居中 */
        grid-template-columns: repeat(2, 1fr); /* 在手机端强制改为两列 */
        gap: 15px; /* 减小手机端间距 */
    }
    
    body.home .cert-wrapper {
        margin: 0 auto; /* 确保 wrapper 居中 */
        width: 100%; /* 宽度自适应 */
        height: auto; /* 高度自适应 */
    }

    body.home .cert-circle {
        width: 100%; /* 宽度自适应 */
        height: auto; /* 高度自适应 */
        aspect-ratio: 210 / 297; /* 根据证书图片的常见比例设置宽高比 */
        min-height: 0; /* 移除最小高度限制 */
    }
    
    /* CUSTOM SOLUTION 模块手机端居中 */
    .section-custom-solution .section-title {
        text-align: center !important;
    }
    
    .section-custom-solution .custom-solution__grid {
        text-align: left; /* grid 容器左对齐，但标题会居中 */
        justify-items: stretch; /* grid 项目拉伸填满 */
    }
    
    .section-custom-solution .solution-box {
        text-align: left !important; /* 整体左对齐 */
        width: 100%;
        max-width: 100%;
    }
    
    .section-custom-solution .solution-box h3 {
        text-align: center !important; /* 标题居中 */
        height: auto !important; /* 移除固定高度 */
        min-height: auto !important;
        display: block !important; /* 改为block，移除flex */
        align-items: normal !important;
    }
    
    .section-custom-solution .solution-box ul {
        text-align: left !important; /* 列表左对齐 */
    }
    
    .section-custom-solution .solution-box ul li {
        text-align: left !important; /* 列表项左对齐 */
        padding-left: 30px !important; /* 确保为勾号留出空间 */
    }
    
    .section-custom-solution .solution-box ul li::before {
        left: 0 !important; /* 确保勾号在左侧 */
    }
    
    /* 确保row内的内容居中（不影响flex布局） */
    .row {
        justify-content: center;
    }
    
    /* 确保section内的主要标题居中（不包括表单、列表等） */
    section .section-title,
    section .section-subtitle,
    section h1:not(.hero-banner__title),
    section h2:not([class*="form"]):not([class*="faq"]),
    section h3:not([class*="form"]):not([class*="faq"]),
    section h4:not([class*="form"]):not([class*="faq"]) {
        text-align: center;
    }
    
    /* 特殊处理：Premier Manufacturing 文本居中 */
    .premier-manufacturing__text h2,
    .premier-manufacturing__text p {
        text-align: center !important;
    }
    
    /* 确保section-header内的内容居中 */
    .section-header * {
        text-align: center;
    }
    
    .hero-buttons {
        flex-direction: column;
        gap: 10px;
    }
    
    .btn {
        width: 100%;
        text-align: center;
    }
    
    .form-row {
        grid-template-columns: 1fr;
    }
    
    .process-steps {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }

    .recent-blogs__grid {
        grid-template-columns: 1fr; /* 在手机端改为单列 */
        gap: 25px; /* 增加卡片之间的垂直间距 */
    }

    .recent-blogs__grid {
        grid-template-columns: 1fr; /* 在手机端改为单列 */
        gap: 25px; /* 增加卡片之间的垂直间距 */
    }

    .recent-blogs__grid {
        grid-template-columns: 1fr; /* 在手机端改为单列 */
        gap: 25px; /* 增加卡片之间的垂直间距 */
    }

    .recent-blogs__grid {
        grid-template-columns: 1fr; /* 在手机端改为单列 */
        gap: 25px; /* 增加卡片之间的垂直间距 */
    }

    /* 新的信息流博客卡片样式 */
    .blog-card--feed {
        box-shadow: none; /* 移除阴影 */
        border: 1px solid #eee; /* 添加细边框 */
        border-radius: 12px;
    }

    .blog-card--feed .blog-card__image-link img {
        border-radius: 12px; /* 图片圆角 */
        height: auto; /* 高度自适应 */
        aspect-ratio: 16 / 9; /* 保持16:9的宽高比 */
    }

    .blog-card--feed .blog-card-content {
        padding: 15px;
        min-height: auto; /* 移除最小高度 */
    }

    .blog-card--feed .blog-card__title {
        font-size: 18px;
        font-weight: 600;
        line-height: 1.4;
        margin: 0 0 15px 0;
    }

    .blog-card--feed .blog-card__footer {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 15px;
        padding-top: 15px;
        border-top: 1px solid #f0f0f0;
    }

    .blog-card--feed .blog-card__meta {
        display: flex;
        align-items: center;
        font-size: 13px;
        color: #888;
    }

    .blog-card--feed .blog-card__separator {
        margin: 0 8px;
    }

    .blog-card--feed .blog-card__actions {
        display: flex;
        gap: 10px;
    }

    .blog-card--feed .blog-card__action-btn {
        background: none;
        border: none;
        padding: 0;
        cursor: pointer;
        color: #888;
    }

    .blog-card--feed .blog-card__action-btn svg {
        width: 20px;
        height: 20px;
    }

    .recent-blogs__grid {
        grid-template-columns: 1fr; /* 在手机端改为单列 */
        gap: 25px; /* 增加卡片之间的垂直间距 */
    }

    .recent-blogs__grid {
        grid-template-columns: 1fr; /* 在手机端改为单列 */
        gap: 25px; /* 增加卡片之间的垂直间距 */
    }

    .recent-blogs__grid {
        grid-template-columns: 1fr; /* 在手机端改为单列 */
        gap: 20px; /* 增加卡片之间的垂直间距 */
    }
    
    .radio-group {
        flex-direction: column;
        gap: 10px;
    }
    
    /* Section Padding - 移动端统一间距（合并所有 padding 类） */
    /* Section 只负责上下 padding，左右 padding 由 container 负责 */
    .section-padding,
    .section-padding-small,
    .section-padding-medium,
    .section-padding-large,
    body.home section[class*="section-"],
    .contact-section,
    .faq-section {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
        padding-left: 0 !important; /* 移除左右 padding，由 container 负责 */
        padding-right: 0 !important;
        width: 100% !important; /* 确保 section 宽度为 100% */
        max-width: 100% !important;
        box-sizing: border-box !important; /* 确保 box-sizing 正确 */
        margin-left: 0 !important; /* 确保没有左边距偏移 */
        margin-right: 0 !important; /* 确保没有右边距偏移 */
        overflow-x: hidden !important; /* 防止内容溢出 */
    }
    
    /* Section Margin - 移动端统一间距 */
    .section-margin-top {
        margin-top: 0 !important; /* 移动端改为0 */
    }
    
    /* 首页section之间的间距统一为0 */
    body.home section[class*="section-"] {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    
    /* 通用section在移动端也设置为0 */
    section {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    
    /* FAQ 移动端样式优化 */
    .ss-faq {
        margin: 30px auto 0;
    }
    
    .ss-faq__item {
        margin-bottom: 15px;
    }
    
    .ss-faq__question {
        padding: 20px 20px;
        font-size: 16px;
    }
    
    .ss-faq__question span:first-child {
        padding-right: 15px;
    }
    
    .ss-faq__icon {
        width: 28px;
        height: 28px;
        font-size: 18px;
    }
    
    .ss-faq__answer {
        padding: 0 20px;
    }
    
    .ss-faq__answer:not([hidden]) {
        padding: 0 20px 20px;
    }
    
    .ss-faq__answer p {
        font-size: 15px;
        line-height: 1.7;
    }
    
    /* Section 移动端通用样式（合并重复的 section 样式） */
    .section-paper-box,
    .section-premier-manufacturing {
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        box-sizing: border-box;
        overflow-x: hidden;
    }
    
    /* 移除 wrapper 的左右 padding，让它基于 container 的 padding */
    /* container 已经负责了左右间距（20px），这里不需要额外的 padding */
    .paper-box__swiper-wrapper {
        padding-top: 20px !important;
        padding-bottom: 50px !important;
        padding-left: 0 !important; /* 移除左右 padding，基于 container 的 padding */
        padding-right: 0 !important;
        margin: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
    }
    
    /* Swiper 的 padding 只用于给箭头留空间，基于 wrapper 内部 */
    .paper-box__swiper {
        padding: 0 40px !important; /* 给箭头留空间 */
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }
    
    .paper-box__swiper .swiper-button-prev {
        left: 5px;
    }
    
    .paper-box__swiper .swiper-button-next {
        right: 5px;
    }
    
    /* Paper Box 标题和内容居中（合并相同样式） */
    .paper-box__content,
    .paper-box__title,
    .paper-box__desc {
        text-align: center !important;
    }
    
    /* CTA Cards - 移动端优化 */
    /* Section 只负责上下 padding，左右 padding 由 container 负责 */
    .section-cta-cards {
        height: auto !important; /* 自动高度，根据内容调整 */
        min-height: auto !important; /* 移除固定最小高度，避免与内容高度冲突 */
        padding-top: 30px !important; /* 只保留上下 padding */
        padding-bottom: 30px !important;
        padding-left: 0 !important; /* 移除左右 padding，基于 container 的 padding */
        padding-right: 0 !important;
        margin-top: 0 !important; /* 移除额外 margin，避免重叠 */
        margin-bottom: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
    }
    
    /* Container 使用统一的 padding 20px */
    .section-cta-cards .container {
        padding-left: 20px !important; /* 统一为 20px，与其他 section 一致 */
        padding-right: 20px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    
    .cta-cards__grid {
        margin: 0 !important;
        gap: 20px;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    
    .cta-card {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        margin: 0;
    }
    
    /* Premier Manufacturing - 移动端优化（已合并到上方通用样式） */
    
    .premier-manufacturing__content {
        margin: 0 auto; /* 居中 */
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    
    .premier-manufacturing__image,
    .premier-manufacturing__text {
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        text-align: center; /* 文本居中 */
    }
    
    /* Premier Manufacturing 文本内容居中 */
    .premier-manufacturing__text h2,
    .premier-manufacturing__text p {
        text-align: center !important;
    }
    
    /* Premier Manufacturing 视频容器 - 移动端高度调整 */
    body.home .premier-manufacturing__video-wrapper {
        height: 250px; /* 移动端使用较小的高度 */
    }
}

@media (max-width: 480px) {
    /* 防止水平滚动 */
    html, body {
        overflow-x: hidden;
        width: 100%;
        max-width: 100%;
    }
    
    /* 确保所有 section 不会超出视口 */
    section {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        overflow-x: hidden;
    }
    
    /* 确保小屏幕下容器居中且没有右侧边距 */
    .container {
        padding-left: 10px;
        padding-right: 10px;
        margin-left: auto !important; /* 确保居中 */
        margin-right: auto !important; /* 确保居中 */
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        text-align: center; /* 容器内内容居中 */
    }
    
    /* 确保所有 section 在手机端没有右侧边距和溢出 */
    section {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0;
        padding-right: 0;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
        overflow-x: hidden;
    }
    
    /* 注意：.row 和 [class*="col-"] 的响应式调整已移至 base.css */
    
    .hero-banner {
        min-height: 200px !important; /* 降低最小高度，让图片更贴合 */
        height: auto !important; /* 改为auto，让高度根据图片自适应 */
        background-size: 100% auto; /* 宽度100%，高度自适应，完整显示图片 */
        margin-bottom: 20px !important; /* 与下一个模块的间距改为20px */
    }
    
    /* 确保body.home .hero-banner在小屏幕也自适应 */
    body.home .hero-banner {
        min-height: 200px !important;
        height: auto !important;
    }
    
    /* 确保小屏幕下banner相关元素也自适应高度 */
    .hero-banner__swiper-wrapper,
    .hero-banner__swiper,
    .hero-banner__slide,
    .hero-banner__image,
    .hero-banner__media {
        height: auto !important; /* 强制自适应高度 */
        max-height: none !important; /* 移除最大高度限制 */
    }
    
    .hero-banner__image,
    .hero-banner__media {
        object-fit: contain !important; /* 确保图片完整显示，不被裁剪 */
    }
    
    /* Grid 盒子 - 小屏幕手机端间距调整 */
    .grid-6,
    .grid-4,
    .grid-3,
    .grid-2 {
        margin-top: 20px !important; /* 小屏幕margin-top改为20px */
        margin-bottom: 20px !important; /* 小屏幕margin-bottom改为20px */
    }
    
    /* Grid Margin 工具类 - 小屏幕 */
    .grid-margin-top {
        margin-top: 20px !important; /* 小屏幕改为20px */
    }
    
    /* 统一：小屏幕所有container内的内容、标题和盒子居中 */
    .container > * {
        text-align: center !important; /* 所有直接子元素居中 */
    }
    
    /* 确保grid内的所有项目居中 */
    .grid-1 > *,
    .grid-2 > *,
    .grid-3 > *,
    .grid-4 > *,
    .grid-6 > * {
        text-align: center !important; /* grid项目内容居中 */
        margin-left: auto !important;
        margin-right: auto !important;
    }
    
    /* 确保所有盒子居中 */
    .solution-box,
    .product-line__item,
    .product-line__category,
    .sportswear__item,
    .sportswear__category,
    .cta-card,
    .testimonial-item,
    .cert-wrapper,
    .customers-visit__item,
    .process-step,
    .blog-card {
        text-align: center !important; /* 盒子内容居中 */
        margin-left: auto !important;
        margin-right: auto !important;
        border: none !important; /* 移除所有边框 */
        border-left: none !important; /* 确保左侧没有边框 */
        outline: none !important; /* 移除轮廓 */
        outline-offset: 0 !important;
    }
    
    /* 重置row的负边距，确保小屏幕居中 */
    .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
        justify-content: center !important; /* 确保内容居中 */
    }
    
    /* 重置col的内边距，确保小屏幕居中，与 container 的 padding 20px 匹配 */
    .row [class*="col-"] {
        text-align: center !important;
        padding-left: 20px !important; /* 统一内边距，与 container 的 padding 20px 匹配 */
        padding-right: 20px !important; /* 统一内边距，与 container 的 padding 20px 匹配 */
        margin-left: 0 !important; /* 移除 auto margin，避免偏右 */
        margin-right: 0 !important; /* 移除 auto margin，避免偏右 */
    }
    
    /* 小屏幕相关元素重置 - who-we-service 和 design-capability */
    .who-we-service__content,
    .design-capability__content {
        margin-left: 0 !important;
        margin-right: 0 !important;
        justify-content: flex-start !important; /* 改为 flex-start，避免居中导致偏右 */
        width: 100% !important; /* 确保宽度为 100%，不超过 container */
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    
    /* 移除特定元素的左右 padding，让它基于 container 的 padding */
    /* container 已经负责了左右间距（20px），这里不需要额外的 padding */
    /* 移除 auto margin，避免在 flexbox 中导致偏右 */
    .row [class*="col-"].who-we-service__text,
    .row [class*="col-"].who-we-service__logos,
    .row .who-we-service__text,
    .row .who-we-service__logos,
    .who-we-service__text,
    .who-we-service__logos,
    .row [class*="col-"].design-capability__left,
    .row [class*="col-"].design-capability__right,
    .row .design-capability__left,
    .row .design-capability__right,
    .design-capability__left,
    .design-capability__right {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important; /* 移除 auto margin，避免偏右 */
        margin-right: 0 !important; /* 移除 auto margin，避免偏右 */
        width: 100% !important;
        max-width: 100% !important;
    }
    
    /* 覆盖特定列布局元素的左对齐样式，小屏幕强制居中 */
    .who-we-service__text,
    .who-we-service__logos,
    .premier-manufacturing__text,
    .premier-manufacturing__image,
    .design-capability__left,
    .design-capability__right,
    .design-capability__intro-text,
    .design-capability__intro-text p,
    .design-capability__intro-text strong {
        text-align: center !important; /* 小屏幕强制居中 */
    }
    
    /* 确保这些列内的所有内容也居中 */
    .who-we-service__text .section-title,
    .who-we-service__text .text-gray,
    .who-we-service__text p,
    .premier-manufacturing__text h2,
    .premier-manufacturing__text p,
    .premier-manufacturing__text .text-gray-margin,
    .design-capability__intro-text p,
    .design-capability__cta {
        text-align: center !important;
    }
    
    .hero-banner__content {
        left: 5%; /* 小屏幕：距离左边 5% */
        max-width: 90%; /* 小屏幕：最大宽度 90% */
        padding: 0 10px;
    }
    
    .hero-banner h1,
    .hero-banner__title,
    .hero-banner__content h1,
    .hero-banner__content .hero-banner__title { 
        font-size: 24px;
        text-transform: capitalize !important; /* 确保 capitalize 在响应式下也生效 */
    }
    
    .brand-logos {
        grid-template-columns: repeat(3, 1fr); /* 平板和较大手机保持3列 */
        gap: 12px;
        padding: 15px 0;
    }
    
    .brand-logos img {
        max-height: 120px; /* 移动端稍微小一点 */
        width: 100%;
        height: auto;
        object-fit: contain; /* 保持图片比例 */
    }
    
    /* 极小屏幕（手机）改为2列 */
    @media (max-width: 480px) {
        .brand-logos {
            grid-template-columns: repeat(2, 1fr); /* 小屏幕改为2列 */
            gap: 10px;
        }
        
        .brand-logos img {
            max-height: 100px;
        }
    }

    /* Explore our Shapewear Product Line / Sportswear: mobile 2 per row */
    .product-line__row-top,
    .sportswear__row-top {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
    }
    
    .section-title {
        font-size: 24px;
    }
    
    /* Section 小屏幕通用样式（合并重复的 section 样式） */
    .section-paper-box,
    .section-premier-manufacturing {
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        box-sizing: border-box;
        overflow-x: hidden;
    }
    
    /* 移除 wrapper 的左右 padding，让它基于 container 的 padding */
    /* container 已经负责了左右间距（20px），这里不需要额外的 padding */
    .paper-box__swiper-wrapper {
        padding-top: 20px !important;
        padding-bottom: 50px !important;
        padding-left: 0 !important; /* 移除左右 padding，基于 container 的 padding */
        padding-right: 0 !important;
        margin: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
    }
    
    /* Swiper 的 padding 只用于给箭头留空间，基于 wrapper 内部 */
    .paper-box__swiper {
        padding: 0 40px !important; /* 给箭头留空间 */
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }
    
    .paper-box__swiper .swiper-button-prev {
        left: 5px;
    }
    
    .paper-box__swiper .swiper-button-next {
        right: 5px;
    }
    
    /* Paper Box 标题和内容居中（小屏幕，已合并） */
    .paper-box__content,
    .paper-box__title,
    .paper-box__desc {
        text-align: center !important;
    }
    
    /* Paper Box 手机端图片盒子尺寸 */
    .paper-box__image-wrapper {
        width: 245px !important;
        max-width: 245px !important;
        height: 245px !important;
        margin: 0 auto 20px;
        padding: 0 !important;
    }
    
    .paper-box__image {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }
    
    /* Factory Capabilities 手机端图片盒子尺寸 */
    .factory-capabilities__image-wrapper {
        width: 245px !important;
        max-width: 245px !important;
        height: 245px !important;
        margin: 0 auto;
        padding: 0 !important;
        border: none !important;
        box-sizing: border-box !important;
    }
    
    .factory-capabilities__image {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        border-radius: 0 !important;
    }
    
    /* Paper Box 手机端图片盒子尺寸 - 确保无边框影响 */
    .paper-box__image-wrapper {
        border: none !important;
        box-sizing: border-box !important;
    }
    
    /* CTA Cards - 小屏幕优化 */
    /* Section 只负责上下 padding，左右 padding 由 container 负责 */
    .section-cta-cards {
        padding-top: 30px !important; /* 只保留上下 padding */
        padding-bottom: 30px !important;
        padding-left: 0 !important; /* 移除左右 padding，基于 container 的 padding */
        padding-right: 0 !important;
        height: auto !important; /* 自动高度，根据内容调整 */
        min-height: auto !important; /* 移除固定最小高度，避免与内容高度冲突 */
        margin: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
    }
    
    /* Container 使用统一的 padding 20px */
    .section-cta-cards .container {
        padding-left: 20px !important; /* 统一为 20px，与其他 section 一致 */
        padding-right: 20px !important;
        margin-left: auto !important; /* 确保居中 */
        margin-right: auto !important; /* 确保居中 */
        margin-top: 0;
        margin-bottom: 0;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    
    .cta-cards__grid {
        margin: 0 !important;
        gap: 20px;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    
    .cta-card {
        padding: 25px 15px;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        margin: 0;
    }
    
    .cta-card h3 {
        font-size: 20px;
    }
    
    /* Premier Manufacturing - 小屏幕优化（已合并到上方通用样式） */
    
    .premier-manufacturing__content {
        margin: 0;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    
    .premier-manufacturing__image,
    .premier-manufacturing__text {
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    
    .process-steps {
        grid-template-columns: 1fr;
    }
    
    .factory-capabilities__content {
        max-height: 400px;
    }
    
    .factory-capabilities__title {
        font-size: 24px;
    }
}

.section-who-we-service {
    padding-top: 0 !important; /* 移除padding-top，间距由hero-banner的margin-bottom控制 */
    margin-top: 0 !important; /* 确保没有额外的margin-top */
}

/* ==================== 产品详情页 FAQ 和表单样式 ==================== */
.product-inquiry {
    margin: 40px auto;
}

.inquiry-form-content {
    padding: 20px 0;
}

.faq-container {
    margin-top: 20px;
}

.faq-item:last-child {
    border-bottom: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.faq-question {
    color: #222;
    margin-bottom: 12px;
}

.faq-answer {
    color: #555;
    line-height: 1.8;
}

/* 响应式 */
@media (max-width: 768px) {
    .product-inquiry {
        padding: 0 15px;
    }
    
    .faq-item {
        margin-bottom: 20px !important;
        padding-bottom: 20px !important;
    }
}


@media (max-width: 768px) {
    .product-inquiry {
        padding: 0 15px;
    }
    
    .faq-item {
        margin-bottom: 20px !important;
        padding-bottom: 20px !important;
    }
}


@media (max-width: 768px) {
    .product-inquiry {
        padding: 0 15px;
    }
    
    .faq-item {
        margin-bottom: 20px !important;
        padding-bottom: 20px !important;
    }
}


@media (max-width: 768px) {
    .product-inquiry {
        padding: 0 15px;
    }
    
    .faq-item {
        margin-bottom: 20px !important;
        padding-bottom: 20px !important;
    }
}