/* 河南昕鑫电子有限公司 - 样式文件 */
/* 主色调：科技蓝 #0066CC + 工业灰 #333333 + 白色背景 */
/* 响应式设计：适配手机、平板、电脑 */
/* 命名规范：.{page}-{category} 用于图片容器样式 */
/* 模块化结构：全局样式 → 组件样式 → 页面样式 → 响应式样式 → 编辑器样式 */

/* ========== 全局样式重置 ========== */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Noto Sans SC', 'Roboto', Arial, sans-serif;
    line-height: 1.6;
    color: #333;
    background-color: #fff;
    padding-top: 70px;
}

/* ========== 基础容器样式 ========== */
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    min-width: 320px;
    width: 100%;
}

/* ========== 导航栏样式 ========== */
header {
    background-color: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    position: sticky;
    top: 0;
    z-index: 1000;
}

/* fixed-top 导航栏阴影（header 此时无内容，阴影需加到 nav） */
.navbar.fixed-top {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.navbar {
    padding: 0;
}

.logo {
    font-size: 24px;
    font-weight: bold;
    color: #0066CC;
    text-decoration: none;
    white-space: nowrap;
}

/* 自定义Bootstrap导航栏样式 */
.navbar-nav {
    gap: 14px;
}

.navbar-nav .nav-link {
    color: #333;
    font-weight: 500;
    transition: color 0.3s ease;
    white-space: nowrap; /* 禁止菜单文字换行竖排 */
}

/* 桌面端：菜单较多时收紧间距与字号，保证一行显示 */
@media (min-width: 992px) {
    .navbar > .container {
        flex-wrap: nowrap;
    }
    .navbar-nav.me-auto {
        gap: 6px;
        flex-wrap: nowrap;
    }
    .navbar-nav .nav-link {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 15px;
    }
    .lang-switch {
        margin-left: 8px;
        gap: 6px;
        white-space: nowrap;
    }
}

/* 移动端（汉堡菜单展开）：纵向排列，间距适中 */
@media (max-width: 991.98px) {
    .navbar-nav {
        gap: 4px;
        padding-top: 8px;
    }
    .navbar-nav .nav-link {
        padding: 8px 12px;
    }
    .lang-switch {
        margin-left: 0;
        padding: 8px 12px;
    }
}

.navbar-nav .nav-link:hover {
    color: #0066CC;
}

/* 自定义Bootstrap下拉菜单样式 */
.dropdown-menu {
    border-radius: 4px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
    border: none;
    margin-top: 5px;
}

.dropdown-menu .dropdown-item {
    color: #333;
    padding: 12px 16px;
    transition: all 0.3s ease;
}

.dropdown-menu .dropdown-item:hover {
    background-color: #f5f5f5;
    color: #0066CC;
}

/* 鼠标悬停显示下拉菜单 */
.navbar-nav .nav-item.dropdown:hover .dropdown-menu {
    display: block;
}

/* 确保下拉菜单在鼠标悬停时保持显示 */
.navbar-nav .nav-item.dropdown:hover .nav-link {
    color: #0066CC;
}

/* 修复下拉菜单与父元素的间距 */
.navbar-nav .nav-item.dropdown .dropdown-menu {
    margin-top: 0;
}

/* 语言切换 */
.lang-switch {
    display: flex;
    gap: 10px;
    margin-left: 20px;
}

.lang-switch .nav-link {
    color: #333;
    font-weight: 500;
    padding: 5px 10px;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.lang-switch .nav-link:hover,
.lang-switch .nav-link.active {
    background-color: #0066CC;
    color: #fff;
}

/* 移动端菜单按钮 - 使用Bootstrap内置样式 */

/* ========== 轮播图基础样式 ========== */
/* 高度比例与后台生成的轮播图一致（1604×500 ≈ 3.21:1，各断点同比例），
   保证图片铺满整个横幅，不出现上下/左右留白 */
.banner {
    position: relative;
    width: 100%;
    overflow: hidden;
    background-color: #000;
    padding-top: 31.15%;
}

.banner-slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    transition: transform 0.5s ease;
}

.banner-slide {
    min-width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    position: relative;
    flex-direction: column;
}

.banner-slide img.banner-video,
.banner-slide img.banner-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    z-index: 0;
}

/* 确保响应式图片正确显示 */
.banner-slide picture {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.banner-slide picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.banner-content {
    padding: 30px;
    max-width: 800px;
    position: relative;
    z-index: 1;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.8);
}

.banner-content h1 {
    font-size: 36px;
    margin-bottom: 15px;
}

.banner-content p {
    font-size: 18px;
    margin-bottom: 20px;
}

/* 响应式内容样式 */
@media (max-width: 768px) {
    .banner-content {
        padding: 20px;
        max-width: 90%;
    }
    
    .banner-content h1 {
        font-size: 24px;
    }
    
    .banner-content p {
        font-size: 16px;
    }
}

@media (max-width: 480px) {
    .banner-content {
        padding: 15px;
    }
    
    .banner-content h1 {
        font-size: 20px;
    }
    
    .banner-content p {
        font-size: 14px;
    }
}

/* 窄屏下 31.15% 比例横幅高度不足（375px 时仅约 117px），
   标题/副标题/按钮会被 overflow:hidden 裁切并被固定导航栏遮挡，改用最小高度 */
@media (max-width: 600px) {
    .banner {
        padding-top: 0;
        min-height: 260px;
    }
}

/* 轮播控制按钮 */
.banner-controls {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transform: translateY(-50%);
    padding: 0 20px;
    z-index: 10;
}

.banner-controls .banner-btn.reload {
    position: absolute;
    right: 60px;
}

.banner-btn {
    width: 40px;
    height: 40px;
    background-color: rgba(255, 255, 255, 0.5);
    border: none;
    border-radius: 50%;
    color: #333;
    font-size: 20px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.banner-btn:hover {
    background-color: rgba(255, 255, 255, 0.8);
    color: #0066CC;
}

/* ========== 视频轮播样式 ========== */
.banner.video-banner {
    height: 600px;
}

.banner-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

/* ========== 通用按钮样式 ========== */
.btn {
    display: inline-block;
    vertical-align: middle;
    padding: 12px 30px;
    background-color: #0066CC;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    font-weight: 500;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
}

.download-btn {
    background-color: #28a745;
    font-size: 12px;
    padding: 6px 12px;
}

.download-btn:hover {
    background-color: #218838;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(40, 167, 69, 0.3);
}

.btn:hover {
    background-color: #0052a3;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 102, 204, 0.3);
}

/* ========== 产品展示样式 ========== */
.products-section {
    padding: 80px 0;
}

/* 分类轮播 */
.category-carousel,
.category-products {
    margin-top: 60px;
}

/* 分类产品网格布局 */
.category-products-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
    margin: 0 20px;
    max-width: 1200px;
    margin: 0 auto;
}

.category-product-item {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    width: 100%;
    max-width: 580px;
    margin: 0 auto;
}

.category-product-item .product-image {
    width: 100%;
    height: 240px;
    overflow: hidden;
    background-color: #f5f5f5;
}

.category-product-item .product-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.category-product-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

/* 响应式设计 */
@media (max-width: 1200px) {
    .category-products-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
        max-width: 1000px;
    }
    
    .category-product-item {
        max-width: 480px;
    }
    
    .category-product-item .product-image {
        height: 220px;
    }
}

@media (max-width: 992px) {
    .category-products-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 18px;
        max-width: 800px;
        margin: 0 auto;
        padding: 0 15px;
    }
    
    .category-product-item {
        max-width: 380px;
    }
    
    .category-product-item .product-image {
        height: 200px;
    }
}

@media (max-width: 768px) {
    .category-products-grid {
        grid-template-columns: 1fr;
        gap: 20px;
        max-width: 600px;
        padding: 0 10px;
    }
    
    .category-product-item {
        max-width: 100%;
        width: 100%;
    }
    
    .category-product-item .product-image {
        height: 240px;
    }
}

@media (max-width: 576px) {
    .category-products-grid {
        grid-template-columns: 1fr;
        gap: 15px;
        padding: 0 5px;
    }
    
    .category-product-item .product-image {
        height: 200px;
    }
}

/* 分类标题 */
.category-title {
    font-size: 20px;
    margin-bottom: 25px;
    color: #333;
    padding: 0 20px;
    font-weight: 600;
}

/* 产品分类 */
.product-category {
    margin: 40px 0;
    width: 100%;
}

.carousel-title {
    font-size: 24px;
    margin-bottom: 30px;
    color: #333;
    text-align: center;
}

/* 时间线轮播 */
.timeline-carousel {
    margin: 30px auto;
    width: 100%;
    max-width: 1200px;
    position: relative;
    height: auto;
    min-height: 350px;
    overflow: visible;
    display: block;
}

/* 轮播容器 */
.carousel-container {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    width: 100%;
    max-width: 1180px; /* 桌面端显示4个产品（4*280 + 3*20 = 1180px），小屏自适应 */
    min-height: 350px;
}

/* 轮播轨道 */
.carousel-track {
    display: flex;
    gap: 20px;
    transition: transform 0.4s ease;
    width: max-content;
    min-height: 320px;
    overflow: visible;
    position: relative;
    left: 0;
    top: 0;
    flex-wrap: nowrap;
}

/* 轮播项 */
.carousel-item {
    width: 280px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    visibility: visible;
    opacity: 1;
    margin-right: 0;
    align-items: stretch;
    justify-content: flex-start;
}

/* 确保产品卡片可见 */
.product-index-card {
    visibility: visible;
    opacity: 1;
    display: block;
}

/* 响应式设计 */
@media (max-width: 1200px) {
    .carousel-container {
        max-width: 880px; /* 该宽度下显示3个产品（3*280 + 2*20 = 880px），更窄屏幕继续自适应 */
    }

    .carousel-item .product-index-image {
        height: 210px;
    }
}

@media (min-width: 1201px) {
    /* .container 内容区为 1160（1200 - 两侧20px 内边距），扩宽20px并以负边距居中至 1180 以完整显示4卡，仍在 1200 外框内 */
    .carousel-container {
        width: calc(100% + 20px);
        margin-left: -10px;
        margin-right: -10px;
    }
}

@media (max-width: 768px) {
    .carousel-item .product-index-image {
        height: 210px;
    }

    .carousel-item .product-index-info h4 {
        font-size: 16px;
    }

    .carousel-item .product-index-info p {
        font-size: 13px;
    }
}

@media (max-width: 576px) {
    /* 手机端：卡片收窄，一屏显示一张并露出下一张边缘，轨道由容器裁切，不产生整页横向溢出 */
    .carousel-item {
        width: 270px;
    }

    .carousel-track {
        gap: 16px;
    }

    .carousel-item .product-image {
        height: 105px;
    }

    /* 翻页按钮收进容器内，避免被挤出屏幕 */
    .carousel-btn.prev {
        left: 8px;
    }

    .carousel-btn.next {
        right: 8px;
    }

    .product-info {
        padding: 15px;
    }

    .product-info h4 {
        font-size: 14px;
        margin-bottom: 5px;
    }

    .product-info p {
        font-size: 11px;
        margin-bottom: 10px;
        -webkit-line-clamp: 1;
        line-clamp: 1;
    }

    .btn-small {
        font-size: 11px;
        padding: 5px 10px;
    }
}

/* 搜索按钮样式 */
.document-search-buttons .btn-search {
    background-color: #0066CC;
}

.document-search-buttons .btn-clear {
    background-color: #6c757d;
}

/* 下载按钮样式 */
.btn-download {
    background-color: #28a745;
    padding: 6px 12px;
    font-size: 12px;
}

/* 继续咨询按钮样式 */
.btn-continue-consultation {
    background-color: #4ecdc4;
    color: white;
    margin-top: 10px;
}

/* 服务内容样式 */
.service-content-list {
    margin: 20px 0;
}

.service-content-button-container {
    margin-top: 30px;
}

/* 分类内容样式 */
.category-content {
    display: none;
}

.category-content.open {
    display: block;
}

.category-icon {
    transition: transform 0.3s ease;
}

.category-icon.open {
    transform: rotate(180deg);
}

@media (max-width: 360px) {
    .carousel-item {
        width: 240px;
    }

    .carousel-track {
        gap: 12px;
    }

    .product-info {
        padding: 12px;
    }

    .product-info h4 {
        font-size: 13px;
    }

    .product-info p {
        font-size: 10px;
    }
}

.carousel-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

/* 产品图片样式 */
.product-image {
    width: 100%;
    height: 200px;
    overflow: hidden;
}

.product-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 产品索引图片样式 */
.product-index-image {
    width: 100%;
    height: 210px; /* 固定高度，与后台要求的280x210px匹配 */
    overflow: hidden;
    position: relative;
    background-color: #f8f9fa;
}

.product-index-image img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    transform: translate(-50%, -50%);
    transition: transform 0.3s ease;
}

/* 产品索引卡片样式 */
.product-index-card {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: auto;
}

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

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

.product-index-info {
    padding: 15px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.product-index-info h4 {
    font-size: 16px;
    margin-bottom: 8px;
    color: #333;
    word-wrap: break-word;
    white-space: normal;
    display: -webkit-box;
    display: box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
    max-height: 40px;
}

.product-index-info p {
    font-size: 13px;
    color: #666;
    margin-bottom: 12px;
    line-height: 1.5;
    word-wrap: break-word;
    white-space: normal;
    overflow: hidden;
    display: -webkit-box;
    display: box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    text-overflow: ellipsis;
    min-height: 58.5px;
    max-height: 58.5px;
    flex: 1;
}

.product-index-info .btn-small {
    font-size: 12px;
    padding: 6px 12px;
    background-color: #0066CC;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.product-index-info .btn-small:hover {
    background-color: #0052a3;
}

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

.product-info {
    padding: 20px;
}

.product-info h3 {
    font-size: 18px;
    margin-bottom: 10px;
    color: #333;
}

.product-info p {
    font-size: 14px;
    color: #666;
    margin-bottom: 15px;
    line-height: 1.5;
    display: -webkit-box;
    display: box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
}

/* ========== 产品筛选与产品网格（产品中心列表页） ========== */
.product-filters {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin: 30px 0 40px;
}

.filter-btn {
    padding: 8px 18px;
    border: 1.5px solid #e0e0e0;
    border-radius: 20px;
    background-color: #fff;
    color: #666;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.filter-btn:hover {
    border-color: #0066CC;
    color: #0066CC;
}

.filter-btn.active {
    background: linear-gradient(135deg, #0066CC 0%, #0080FF 100%);
    border-color: transparent;
    color: #fff;
}

.products-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, 280px);
    gap: 20px;
    justify-content: center;
}

.product-item {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.product-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.product-params {
    margin-bottom: 15px;
}

.product-params h4 {
    font-size: 14px;
    color: #333;
    margin-bottom: 8px;
}

.params-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.params-table th,
.params-table td {
    padding: 5px 0;
    text-align: left;
    border-bottom: 1px dashed #eee;
    color: #666;
}

.params-table th {
    font-weight: 500;
    color: #999;
    width: 45%;
    padding-right: 10px;
}

.product-item .btn-small {
    display: inline-block;
    font-size: 12px;
    padding: 6px 12px;
    background-color: #0066CC;
    color: #fff;
    border: none;
    border-radius: 4px;
    text-decoration: none;
    transition: background-color 0.3s ease;
}

.product-item .btn-small:hover {
    background-color: #0052a3;
    color: #fff;
}

.carousel-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background-color: rgba(255, 255, 255, 0.8);
    border: none;
    border-radius: 50%;
    color: #333;
    font-size: 20px;
    cursor: pointer;
    transition: all 0.3s ease;
    z-index: 10;
}

.carousel-btn.prev {
    left: -20px;
}

.carousel-btn.next {
    right: -20px;
}

.carousel-btn:hover {
    background-color: #0066CC;
    color: #fff;
}

/* ========== 核心优势样式 ========== */
.advantages-section {
    padding: 80px 0;
    background-color: #f9f9f9;
}

.advantages-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
}

.advantage-item {
    text-align: center;
    padding: 30px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.advantage-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.advantage-icon {
    font-size: 48px;
    color: #0066CC;
    margin-bottom: 20px;
}

.advantage-photo {
    width: 96px;
    height: 96px;
    margin: 0 auto 20px;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 4px 14px rgba(0, 102, 204, 0.18);
}

.advantage-photo picture,
.advantage-photo img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.advantage-item h3 {
    font-size: 20px;
    margin-bottom: 15px;
    color: #333;
}

.advantage-item p {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
}

/* ========== 公司简介样式 ========== */
.about-section {
    padding: 80px 0;
    background-color: #f0f8ff; /* 浅蓝色背景，更具欢迎感 */
}

.section-title {
    text-align: center;
    font-size: 36px;
    margin-bottom: 20px;
    color: #2c3e50; /* 深蓝色标题，更醒目 */
    font-weight: 700;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
}

.section-subtitle {
    text-align: center;
    font-size: 20px;
    color: #34495e;
    margin-bottom: 50px;
    font-weight: 500;
}

.about-content,
.solution-content,
.quality-content,
.custom-service-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
    align-items: center;
}

.about-text,
.solution-text,
.quality-text,
.custom-service-text {
    font-size: 16px;
    line-height: 1.8;
    color: #2c3e50;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    min-width: 0; /* 允许网格列收缩，防止内容撑破响应式布局 */
}

/* 简介图片容器：宽度跟随网格列，图片不按原始尺寸溢出 */
.about-image,
.solution-image,
.quality-image,
.custom-service-image {
    width: 100%;
    min-width: 0;
}

.about-image img,
.solution-image img,
.quality-image img,
.custom-service-image img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 8px;
}

/* ========== 统一图片容器样式 ========== */
.page-image-container {
    border-radius: 8px;
    overflow: hidden;

}

.page-image-container img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* 确保图片在容器中完全居中 */
.about-about img,
.products-about img,
.services-about img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border: none;
    outline: none;
}

.index-about img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: none;
    outline: none;
}

/* ========== 页面-分类图片容器样式 ========== */

/* 轮播图通用样式 - 桌面端 */
.index-carousel,
.about-carousel,
.services-carousel,
.news-carousel,
.applications-carousel,
.careers-carousel,
.contact-carousel {
    width: 100%;
    height: 500px;
}

/* 视频轮播图 - 桌面端 */
.products-carousel,
.manufacturing-carousel {
    width: 100%;
    height: 600px;
}

/* 内容图片 - 桌面端 (适配grid布局 580px = 50% of (1200px-40px)) */
.about-about,
.products-about,
.services-about {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px;
    border-radius: 10px;
    overflow: hidden;
    background-color: #f8f9fa;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.index-about {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

/* 产品展示图片 - 桌面端 */
.index-products,
.products-products {
    width: 260px;
    height: 200px;
}

/* 新闻图片 - 桌面端 */
.news-news {
    width: 260px;
    height: 200px;
}

/* 背景图片 - 桌面端 */
.applications-background,
.manufacturing-background,
.careers-background,
.contact-background {
    width: 100%;
    height: auto;
}

/* 所有页面-分类图片容器 - 确保完整性 */
/* 首页 */
.index-carousel, .index-products {
    border-radius: 8px;
    overflow: hidden;
}

/* 关于我们 */
.about-carousel, .about-about {
    border-radius: 8px;
    overflow: hidden;
}

/* 产品中心 */
.products-carousel, .products-about, .products-products {
    border-radius: 8px;
    overflow: hidden;
}

/* 技术服务 */
.services-carousel, .services-about {
    border-radius: 8px;
    overflow: hidden;
}

/* 新闻资讯 */
.news-carousel, .news-news {
    border-radius: 8px;
    overflow: hidden;
}

/* 应用领域 */
.applications-carousel, .applications-background {
    border-radius: 8px;
    overflow: hidden;
}

/* 制造能力 */
.manufacturing-carousel, .manufacturing-background {
    border-radius: 8px;
    overflow: hidden;
}

/* 人才招聘 */
.careers-carousel, .careers-background {
    border-radius: 8px;
    overflow: hidden;
}

/* 联系我们 */
.contact-carousel, .contact-background {
    border-radius: 8px;
    overflow: hidden;
}

/* ========== 响应式设计 - 根据PHP配置同步 ========== */

/* 平板设备 (1024px) */
@media (max-width: 1024px) {
    /* 轮播图 */
    .index-carousel,
    .services-carousel,
    .news-carousel,
    .applications-carousel,
    .contact-carousel {
        height: 400px;
    }
    
    /* 视频轮播图 */
    .products-carousel,
    .manufacturing-carousel {
        height: 400px;
    }
    
    /* 内容图片 */
    .about-about,
    .products-about,
    .services-about {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 30px;
        border-radius: 10px;
        overflow: hidden;
        background-color: #f8f9fa;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    }

    .index-about {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        border-radius: 10px;
        overflow: hidden;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    }
    
    /* 产品展示图片 */
    .index-products,
    .products-products {
        height: 180px;
    }
    
    .news-news {
        height: 180px;
        width: 220px;
    }
}

/* 移动端设备 (768px) */
@media (max-width: 768px) {
    /* 轮播图 */
    .index-carousel,
    .services-carousel,
    .news-carousel,
    .applications-carousel,
    .contact-carousel {
        height: 300px;
    }
    
    /* 视频轮播图 */
    .products-carousel,
    .manufacturing-carousel {
        height: 300px;
    }
    
    /* 内容图片 */
    .about-about,
    .products-about,
    .services-about {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 30px;
        border-radius: 10px;
        overflow: hidden;
        background-color: #f8f9fa;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    }

    .index-about {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        border-radius: 10px;
        overflow: hidden;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    }
    
    /* 产品展示图片 */
    .index-products,
    .products-products {
        height: 150px;
    }
    
    .news-news {
        height: 150px;
        width: 180px;
    }
}

/* 小屏移动端设备 (480px) */
@media (max-width: 480px) {
    /* 轮播图 */
    .index-carousel,
    .services-carousel,
    .news-carousel,
    .applications-carousel,
    .contact-carousel {
        height: 250px;
    }
    
    /* 视频轮播图 */
    .products-carousel,
    .manufacturing-carousel {
        height: 250px;
    }
    
    /* 内容图片 */
    .about-about,
    .products-about,
    .services-about {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 30px;
        border-radius: 10px;
        overflow: hidden;
        background-color: #f8f9fa;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    }

    .index-about {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        border-radius: 10px;
        overflow: hidden;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    }
    
    /* 产品展示图片 */
    .index-products,
    .products-products {
        height: 120px;
    }
    
    .news-news {
        height: 120px;
        width: 150px;
    }
}

/* ========== 地图样式 ========== */
.map-container {
    margin-top: 20px;
    height: 200px;
    border-radius: 8px;
    overflow: hidden;
}

/* ========== 页脚样式 ========== */
.site-footer {
    background: linear-gradient(180deg, #2b3b4e 0%, #22303f 100%);
    color: #fff;
    padding: 56px 0 0;
    font-size: 14px;
}

.footer-grid {
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr 1.3fr;
    gap: 36px;
    padding-bottom: 40px;
}

.footer-title {
    position: relative;
    font-size: 17px;
    font-weight: 600;
    color: #fff;
    margin: 0 0 20px;
    padding-bottom: 12px;
}

.footer-title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 36px;
    height: 3px;
    border-radius: 2px;
    background-color: #0066CC;
}

.footer-desc {
    color: #b8c4cf;
    line-height: 1.8;
    margin: 0 0 18px;
}

.site-footer .footer-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 20px;
    border-radius: 6px;
    color: #fff;
    text-decoration: none;
    font-weight: 500;
    transition: background-color 0.3s ease, transform 0.3s ease;
}

.site-footer .footer-btn:hover {
    background-color: #0052a3;
    color: #fff;
    transform: translateY(-2px);
}

.footer-contact,
.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-contact li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 14px;
    color: #b8c4cf;
    line-height: 1.6;
}

.footer-contact li i {
    color: #4d9fff;
    width: 18px;
    text-align: center;
    margin-top: 3px;
    flex-shrink: 0;
}

.footer-contact a,
.footer-links a {
    color: #b8c4cf;
    text-decoration: none;
    transition: color 0.3s ease, padding-left 0.3s ease;
}

.footer-contact a:hover,
.footer-links a:hover {
    color: #4d9fff;
}

.footer-links li {
    margin-bottom: 11px;
}

.footer-links a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.footer-links a i {
    font-size: 12px;
    color: #4d9fff;
}

.footer-links a:hover {
    padding-left: 4px;
}

.footer-map {
    height: 180px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px dashed rgba(255, 255, 255, 0.18);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 10px;
    padding: 16px;
}

.footer-map i {
    font-size: 30px;
    color: #4d9fff;
}

.footer-map p {
    color: #b8c4cf;
    margin: 0;
    line-height: 1.6;
}

/* 版权信息 */
.footer-bottom {
    text-align: center;
    padding: 22px 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    color: #8fa0b0;
    font-size: 13px;
}

.footer-bottom p {
    margin: 4px 0;
}

.footer-record {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 18px;
}

.footer-record a {
    color: #8fa0b0;
    text-decoration: none;
    transition: color 0.3s ease;
}

.footer-record a:hover {
    color: #4d9fff;
}

@media (max-width: 991.98px) {
    .footer-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }
}

@media (max-width: 575.98px) {
    .site-footer {
        padding-top: 40px;
    }
    .footer-grid {
        grid-template-columns: 1fr;
        gap: 28px;
        padding-bottom: 28px;
    }
}

/* ========== 客户案例样式 ========== */
.cases-section {
    padding: 80px 0;
    background-color: #fff;
}

.cases-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 30px;
    margin-top: 50px;
}

.case-item {
    background-color: #f9f9f9;
    border-radius: 8px;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.case-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.case-image {
    width: 100%;
    height: 220px;
    overflow: hidden;
}

.case-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

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

.case-info {
    padding: 25px;
}

.case-info h4 {
    font-size: 18px;
    margin-bottom: 12px;
    color: #333;
}

.case-info p {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
}

/* ========== 联系我们样式 ========== */
.contact-section {
    padding: 80px 0;
    background-color: #f0f8ff;
}

.contact-info {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
    margin-top: 50px;
}

.contact-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    background-color: #fff;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.contact-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.contact-icon {
    font-size: 32px;
    color: #0066CC;
    margin-top: 5px;
}

.contact-details h4 {
    font-size: 18px;
    margin-bottom: 8px;
    color: #333;
}

.contact-details p {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    margin: 0;
}

/* 紧凑联系方式行（图标+文字横排，用于联系/招聘页） */
.contact-line {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.contact-line + .contact-line {
    margin-top: 16px;
}

.contact-line > i {
    color: #0066CC;
    font-size: 18px;
    line-height: 1.5;
    width: 20px;
    flex-shrink: 0;
    text-align: center;
}

/* 联系卡片内图标（英文联系页） */
.contact-item > i {
    color: #0066CC;
    font-size: 20px;
    margin-top: 4px;
    flex-shrink: 0;
}

/* 英文关于页：资质证书网格 */
.certifications-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
    margin-top: 40px;
}

.certification-item {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.certification-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 6px 20px rgba(0, 102, 204, 0.12);
}

.certification-item img {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    display: block;
    background: #f0f2f5;
}

.certification-item h3 {
    padding: 16px;
    font-size: 15px;
    font-weight: 600;
    color: #333;
    text-align: center;
    margin: 0;
}

@media (max-width: 992px) {
    .certifications-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .certifications-grid {
        grid-template-columns: 1fr;
    }
}

/* 英文关于页：企业文化网格 */
.culture-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
    margin-top: 40px;
}

.culture-item {
    background: #fff;
    border-radius: 12px;
    padding: 30px 20px;
    text-align: center;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.culture-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 6px 20px rgba(0, 102, 204, 0.12);
}

.culture-icon {
    width: 64px;
    height: 64px;
    margin: 0 auto 16px;
    border-radius: 50%;
    background: linear-gradient(135deg, #0066CC 0%, #0080FF 100%);
    color: #fff;
    font-size: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.culture-item h3 {
    font-size: 17px;
    font-weight: 600;
    color: #333;
    margin-bottom: 8px;
}

.culture-item p {
    font-size: 13px;
    color: #666;
    line-height: 1.6;
    margin: 0;
}

@media (max-width: 992px) {
    .culture-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .culture-grid {
        grid-template-columns: 1fr;
    }
}

/* ========== 应用页：行业解决方案（中文） ========== */
.applications-grid,
.manufacturing-applications-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
    margin-top: 40px;
}

/* 锚点占位 div 不参与网格排版（应用领域数据循环里插入的滚动锚点） */
.applications-grid > div[id] {
    display: contents;
}

.application-item,
.manufacturing-application-item {
    background: #fff;
    border-radius: 12px;
    padding: 30px 25px;
    text-align: center;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.application-item:hover,
.manufacturing-application-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 6px 20px rgba(0, 102, 204, 0.12);
}

.application-icon,
.manufacturing-application-icon {
    width: 64px;
    height: 64px;
    margin: 0 auto 16px;
    border-radius: 50%;
    background: linear-gradient(135deg, #0066CC 0%, #0080FF 100%);
    color: #fff;
    font-size: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.application-item h3,
.manufacturing-application-item h3 {
    font-size: 17px;
    font-weight: 600;
    color: #333;
    margin-bottom: 10px;
}

.application-item p,
.manufacturing-application-item p {
    font-size: 14px;
    color: #666;
    line-height: 1.7;
    margin: 0;
}

@media (max-width: 992px) {
    .applications-grid,
    .manufacturing-applications-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .applications-grid,
    .manufacturing-applications-grid {
        grid-template-columns: 1fr;
    }
}

/* ========== 应用页：行业解决方案（中文） ========== */
.solutions-grid {
    display: flex;
    flex-direction: column;
    gap: 50px;
    margin-top: 40px;
}

.solution-item {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: center;
}

.solution-item:nth-child(even) .solution-image {
    order: 2;
}

.solution-item .solution-content {
    display: block;
    background: none;
    box-shadow: none;
    padding: 0;
    min-width: 0;
}

.solution-item .solution-content h3 {
    font-size: 22px;
    font-weight: 600;
    color: #333;
    margin-bottom: 15px;
}

.solution-item .solution-content p {
    font-size: 15px;
    color: #555;
    line-height: 1.8;
    margin-bottom: 10px;
}

.solution-item .solution-image {
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}

.solution-item .solution-image img {
    aspect-ratio: 4 / 3;
    object-fit: cover;
    border-radius: 0;
}

@media (max-width: 768px) {
    .solution-item {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .solution-item:nth-child(even) .solution-image {
        order: 0;
    }
}

/* ========== 英文应用页：Application Fields ========== */
.fields-grid {
    display: flex;
    flex-direction: column;
    gap: 50px;
    margin-top: 40px;
}

.field-item {
    display: grid;
    grid-template-columns: 1fr 1.4fr;
    gap: 40px;
    align-items: center;
}

.field-item:nth-child(even) .field-image {
    order: 2;
}

.field-image {
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    background: #f0f2f5;
    min-width: 0;
}

.field-image img {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    display: block;
}

.field-info h4 {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    margin-bottom: 12px;
}

.field-info p {
    font-size: 15px;
    color: #555;
    line-height: 1.8;
    margin-bottom: 12px;
}

.field-info ul {
    margin: 0;
}

@media (max-width: 768px) {
    .field-item {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .field-item:nth-child(even) .field-image {
        order: 0;
    }
}

/* ========== 英文应用页：Manufacturing Solutions ========== */
.manufacturing-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
    margin-top: 40px;
}

.manufacturing-item {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    background: #fff;
    padding: 28px;
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.manufacturing-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 6px 20px rgba(0, 102, 204, 0.12);
}

.manufacturing-icon {
    width: 56px;
    height: 56px;
    flex-shrink: 0;
    border-radius: 50%;
    background: linear-gradient(135deg, #0066CC 0%, #0080FF 100%);
    color: #fff;
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.manufacturing-info h4 {
    font-size: 17px;
    font-weight: 600;
    color: #333;
    margin-bottom: 8px;
}

.manufacturing-info p {
    font-size: 14px;
    color: #666;
    line-height: 1.7;
    margin: 0;
}

@media (max-width: 768px) {
    .manufacturing-grid {
        grid-template-columns: 1fr;
    }
}

/* ========== 新闻资讯列表（中英文通用） ========== */
.news-grid {
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-top: 40px;
}

.news-item {
    display: grid;
    grid-template-columns: 320px 1fr;
    gap: 30px;
    align-items: center;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.news-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(0, 102, 204, 0.1);
}

.news-image {
    width: 100%;
    height: 100%;
    min-height: 220px;
    overflow: hidden;
    background: #f0f2f5;
}

.news-image img {
    width: 100%;
    height: 100%;
    min-height: 220px;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
}

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

.news-content {
    padding: 25px 30px 25px 0;
    min-width: 0;
}

.news-date {
    font-size: 13px;
    color: #999;
    margin-bottom: 10px;
}

.news-content h3 {
    font-size: 19px;
    font-weight: 600;
    color: #333;
    margin-bottom: 10px;
    line-height: 1.4;
}

.news-content p {
    font-size: 14px;
    color: #666;
    line-height: 1.7;
    margin-bottom: 12px;
}

.news-content .read-more {
    color: #0066CC;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
}

.news-content .read-more:hover {
    text-decoration: underline;
}

@media (max-width: 768px) {
    .news-item {
        grid-template-columns: 1fr;
        gap: 0;
    }
    .news-image,
    .news-image img {
        min-height: 0;
    }
    .news-image {
        aspect-ratio: 16 / 9;
    }
    .news-content {
        padding: 20px;
    }
}

/* ========== 分页 ========== */
.pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin-top: 40px;
}

.pagination a {
    min-width: 40px;
    height: 40px;
    padding: 0 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ddd;
    border-radius: 8px;
    background: #fff;
    color: #555;
    font-size: 14px;
    text-decoration: none;
    transition: all 0.2s ease;
}

.pagination a:hover {
    border-color: #0066CC;
    color: #0066CC;
}

.pagination a.active {
    background: linear-gradient(135deg, #0066CC 0%, #0080FF 100%);
    border-color: #0066CC;
    color: #fff;
}

/* ========== 列表项：图标 li 去除默认圆点，避免“点+对勾”双符号 ========== */
ul li:has(> i.fas),
ul li:has(> i.far),
ul li:has(> i.fab) {
    list-style: none;
}

ul li > i.fa-check {
    color: #0066CC;
    margin-right: 8px;
}

/* ========== 返回顶部按钮样式 ========== */
/* 制造能力页组件样式（抽离自 manufacturing.php 内联 style） */
.device-card {
    margin-top: 40px;
    padding: 24px;
    background-color: #f8f9fa;
    border-radius: 12px;
}

.device-card-title {
    margin-bottom: 12px;
    font-size: 20px;
    font-weight: 600;
    color: #333;
}

.device-card-desc {
    margin-bottom: 20px;
    color: #666;
    line-height: 1.6;
}

/* 制造流程网格与步骤卡片 */
.process-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 20px;
    margin-top: 40px;
}

.process-step {
    text-align: center;
    padding: 25px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
    transition: all 0.3s ease;
    cursor: pointer;
}

.process-step:hover {
    transform: translateY(-4px);
    box-shadow: 0 6px 20px rgba(0, 102, 204, 0.12);
}

.process-step-icon {
    width: 70px;
    height: 70px;
    background: linear-gradient(135deg, #0066CC 0%, #0080FF 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 15px;
    color: #fff;
    font-size: 28px;
    position: relative;
}

.process-step-num {
    position: absolute;
    bottom: -5px;
    right: -5px;
    width: 24px;
    height: 24px;
    background: #FF6B6B;
    border-radius: 50%;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}

.process-step h3 {
    margin-bottom: 10px;
    color: #333;
    font-size: 16px;
    font-weight: 600;
}

.process-step p {
    color: #666;
    font-size: 13px;
    line-height: 1.5;
    margin: 0;
}

/* 英文制造页工艺卡片（图文纵向卡，与纯图标步骤卡区分） */
.manufacturing-process-grid {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 25px;
}

.process-item {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.process-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 6px 20px rgba(0, 102, 204, 0.12);
}

.process-image {
    width: 100%;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: #f0f2f5;
}

.process-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.process-info {
    padding: 20px;
}

.process-info h3 {
    font-size: 17px;
    font-weight: 600;
    color: #333;
    margin-bottom: 10px;
}

.process-info p {
    font-size: 13px;
    color: #666;
    line-height: 1.6;
    margin: 0;
}

/* 设备能力表（中英文制造页通用） */
.equipment-table,
.data-table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}

.equipment-table th,
.equipment-table td,
.data-table th,
.data-table td {
    padding: 14px 18px;
    text-align: left;
    border-bottom: 1px solid #eef0f3;
    font-size: 14px;
    vertical-align: top;
}

.equipment-table thead th,
.data-table thead th {
    background: linear-gradient(135deg, #0066CC 0%, #0080FF 100%);
    color: #fff;
    font-weight: 600;
    white-space: nowrap;
}

.equipment-table tbody tr:last-child td,
.data-table tbody tr:last-child td {
    border-bottom: none;
}

.equipment-table tbody tr:hover,
.data-table tbody tr:hover {
    background: #f5f9ff;
}

@media (max-width: 576px) {
    .equipment-table,
    .data-table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
}

/* 质量控制网格与卡片 */
.quality-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
    margin-top: 40px;
}

.quality-card {
    text-align: center;
    padding: 30px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
    transition: all 0.3s ease;
    cursor: pointer;
}

.quality-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 6px 20px rgba(0, 102, 204, 0.12);
}

.quality-card-icon {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #0066CC 0%, #0080FF 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
    color: #fff;
    font-size: 32px;
}

.quality-card h3 {
    margin-bottom: 12px;
    color: #333;
    font-size: 18px;
    font-weight: 600;
}

.quality-card p {
    color: #666;
    font-size: 14px;
    line-height: 1.6;
    margin: 0;
}

.back-to-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 50px;
    height: 50px;
    background-color: #0066CC;
    color: #fff;
    border: none;
    border-radius: 50%;
    font-size: 24px;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(0, 102, 204, 0.3);
}

.back-to-top:hover {
    background-color: #0052a3;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0, 102, 204, 0.4);
}

.back-to-top.visible {
    opacity: 1;
    visibility: visible;
}

/* ========== 响应式设计 - 补充样式 ========== */
@media (max-width: 768px) {
    /* 客户案例 */
    .cases-grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }
    
    .case-image {
        height: 200px;
    }
    
    /* 联系我们 */
    .contact-info {
        grid-template-columns: 1fr;
        gap: 25px;
    }
    
    .contact-item {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    
    /* 公司简介 */
    .about-content,
    .solution-content,
    .quality-content,
    .custom-service-content {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    
    .index-about {
        margin: 0 auto;
    }
    
    /* 核心优势 */
    .advantages-grid {
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
        gap: 25px;
    }
    
    /* 标题样式 */
    .section-title {
        font-size: 28px;
    }
    
    .section-subtitle {
        font-size: 16px;
    }
}

@media (max-width: 576px) {
    /* 客户案例 */
    .case-image {
        height: 180px;
    }
    
    .case-info {
        padding: 20px;
    }
    
    /* 联系我们 */
    .contact-item {
        padding: 25px;
    }
    
    /* 核心优势 */
    .advantages-grid {
        grid-template-columns: 1fr;
    }
    
    /* 标题样式 */
    .section-title {
        font-size: 24px;
    }
    
    .section-subtitle {
        font-size: 14px;
    }
}

/* ========== 后台管理样式 ========== */
.admin-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

/* ========== 编辑器特定样式 ========== */
/* 区块拖拽识别 */
.section-item {
    position: relative;
    margin: 10px 0;
    padding: 20px;
    border: 1px solid transparent;
    transition: all 0.3s ease;
    cursor: move;
}

.section-item:hover {
    border-color: #0066CC;
    background-color: rgba(0, 102, 204, 0.05);
}

.section-item.dragging {
    opacity: 0.5;
    transform: scale(1.02);
}

.section-item.selected {
    border-color: #0066CC;
    background-color: rgba(0, 102, 204, 0.08);
    box-shadow: 0 0 0 2px rgba(0, 102, 204, 0.2);
}

/* 组件拖拽识别 */
.component-item {
    position: relative;
    margin: 10px 0;
    padding: 15px;
    border: 1px solid transparent;
    transition: all 0.3s ease;
    cursor: move;
}

.component-item:hover {
    border-color: #0099FF;
    background-color: rgba(0, 153, 255, 0.05);
}

.component-item.dragging {
    opacity: 0.5;
    transform: scale(1.02);
}

.component-item.selected {
    border-color: #0099FF;
    background-color: rgba(0, 153, 255, 0.08);
    box-shadow: 0 0 0 2px rgba(0, 153, 255, 0.2);
}

/* 组件属性面板 */
.component-properties {
    background-color: #f9f9f9;
    padding: 15px;
    border-radius: 8px;
    margin-top: 10px;
    border: 1px solid #e0e0e0;
}

/* 编辑器响应式视图样式 */
.editor-mobile-view {
    position: relative;
    width: 375px;
    margin: 0 auto;
    border: 1px solid #e0e0e0;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.editor-tablet-view {
    position: relative;
    width: 768px;
    margin: 0 auto;
    border: 1px solid #e0e0e0;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

/* 编辑器工具栏样式 */
.editor-toolbar {
    background-color: #fff;
    border-bottom: 1px solid #e0e0e0;
    padding: 10px 15px;
    display: flex;
    gap: 10px;
    align-items: center;
    position: sticky;
    top: 0;
    z-index: 1000;
}

/* 编辑器控制面板 */
.editor-panel {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 15px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* 编辑器属性表单 */
.editor-form-group {
    margin-bottom: 15px;
}

.editor-form-group label {
    display: block;
    margin-bottom: 5px;
    font-weight: 500;
    color: #333;
}

/* 图片/视频下方独立文字区域样式 */
.window-content-full {
    background-color: #f8f9fa;
    padding: 30px;
    margin-top: 1px;
    height: auto; /* 高度根据内容自适应 */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.window-content-full h4 {
    color: #333;
    margin-bottom: 15px;
    font-size: 24px;
    font-weight: 600;
}

.window-content-full p {
    color: #666;
    line-height: 1.8;
    font-size: 16px;
    margin: 0;
}

.editor-form-group input, .editor-form-group select, .editor-form-group textarea {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
}

/* 编辑器按钮样式 */
.editor-btn {
    padding: 8px 16px;
    border: none;
    border-radius: 4px;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.editor-btn-primary {
    background-color: #0066CC;
    color: #fff;
}

.editor-btn-primary:hover {
    background-color: #0052a3;
}

.editor-btn-secondary {
    background-color: #f5f5f5;
    color: #333;
    border: 1px solid #ddd;
}

.editor-btn-secondary:hover {

}

/* 编辑器搜索框 */
.editor-search {
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    width: 100%;
    margin-bottom: 15px;
}

/* 编辑器预览按钮 */
.preview-btn {
    position: relative;
    padding: 8px 16px;
    background-color: #4CAF50;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.preview-btn:hover {
    background-color: #45a049;
}

/* 编辑器视图切换按钮 */
.view-btn {
    padding: 8px 12px;
    border: 1px solid #ddd;
    background-color: white;
    cursor: pointer;
    transition: all 0.3s ease;
}

.view-btn.active {
    background-color: #0066CC;
    color: white;
    border-color: #0066CC;
}

/* 编辑器控制面板切换 */
.panel-toggle {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: #f5f5f5;
    border: none;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.panel-toggle:hover {

}



/* 编辑器视图中的图片容器适配 */
.editor-mobile-view .index-carousel,
.editor-mobile-view .about-carousel,
.editor-mobile-view .services-carousel,
.editor-mobile-view .news-carousel,
.editor-mobile-view .applications-carousel,
.editor-mobile-view .careers-carousel,
.editor-mobile-view .contact-carousel {
    height: 250px;
}

.editor-mobile-view .products-carousel,
.editor-mobile-view .manufacturing-carousel {
    height: 250px;
}

.editor-mobile-view .index-about,
.editor-mobile-view .about-about,
.editor-mobile-view .services-about,
.editor-mobile-view .products-about {
    width: 100%;
    height: 250px;
}

.editor-tablet-view .index-carousel,
.editor-tablet-view .about-carousel,
.editor-tablet-view .services-carousel,
.editor-tablet-view .news-carousel,
.editor-tablet-view .applications-carousel,
.editor-tablet-view .careers-carousel,
.editor-tablet-view .contact-carousel {
    height: 400px;
}

.editor-tablet-view .products-carousel,
.editor-tablet-view .manufacturing-carousel {
    height: 400px;
}

.editor-tablet-view .index-about,
.editor-tablet-view .about-about,
.editor-tablet-view .services-about,
.editor-tablet-view .products-about {
    width: 100%;
    height: 350px;
}



.editor-toolbar-btn {
    padding: 8px 15px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.editor-toolbar-btn:hover {
    background-color: #0066CC;
    color: #fff;
    border-color: #0066CC;
}

.editor-toolbar-btn.active {
    background-color: #0066CC;
    color: #fff;
    border-color: #0066CC;
}

/* 视频占位符样式 */
.video-placeholder {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: #f5f5f5;
    color: #666;
    border: 1px dashed #ddd;
}

.video-placeholder i {
    font-size: 48px;
    margin-bottom: 16px;
    color: #999;
}

.video-placeholder p {
    font-size: 16px;
    margin: 0;
}

/* 产品明细样式优化 */
.product-detail {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    margin-bottom: 40px;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.product-detail:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

.product-detail-title {
    background-color: #0066CC;
    color: #fff;
    padding: 20px 30px;
    margin: 0;
    font-size: 24px;
    font-weight: 600;
}

.product-detail-info {
    padding: 30px;
}

/* 窗口样式补充 */
.window-full {
    width: 100%;
    margin-bottom: 30px;
    background-color: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.window-half {
    display: flex;
    width: 100%;
    margin-bottom: 30px;
    background-color: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    flex-wrap: wrap;
}

.window-image-half,
.window-video-half {
    flex: 1;
    min-width: 300px;
    position: relative;
    padding-top: 37.5%; /* 4:3 宽高比，但高度是全窗口的一半 */
    overflow: hidden;
    background-color: #f8f9fa;
}

.window-content-half {
    flex: 1;
    min-width: 300px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.window-image-full {
    position: relative;
    width: 100%;
    padding-top: 75%; /* 4:3 宽高比 */
    overflow: hidden;
    background-color: #f8f9fa;
}

.window-video-full {
    position: relative;
    width: 100%;
    padding-top: 75%; /* 4:3 宽高比 */
    overflow: hidden;
    background-color: #f8f9fa;
}

.window-image-half img,
.window-video-half video,
.window-image-full img,
.window-video-full video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.window-image-half:hover img,
.window-video-half:hover video,
.window-image-full:hover img,
.window-video-full:hover video {
    transform: scale(1.05);
}

/* 图片/视频下方独立文字区域样式 */
.window-content-full {
    background-color: #fff;
    padding: 35px;
    margin-top: 1px;
    height: auto;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.window-content-full h4 {
    color: #333;
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: 600;
    border-bottom: 2px solid #0066CC;
    padding-bottom: 10px;
}

.window-content-full p {
    color: #666;
    line-height: 1.8;
    font-size: 16px;
    margin: 0;
}

/* 内容区域样式优化 */
.window-content-half h4 {
    color: #333;
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: 600;
}

.window-content-half p {
    color: #666;
    line-height: 1.8;
    font-size: 15px;
    margin: 0;
}

/* 产品详情Markdown样式 */
.product-detail h1 {
    font-size: 28px;
    color: #333;
    margin: 20px 0 15px;
    font-weight: 700;
    border-bottom: 2px solid #0066CC;
    padding-bottom: 10px;
}

.product-detail h2 {
    font-size: 24px;
    color: #333;
    margin: 18px 0 12px;
    font-weight: 600;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 8px;
}

.product-detail h3 {
    font-size: 20px;
    color: #333;
    margin: 15px 0 10px;
    font-weight: 600;
}

.product-detail h4 {
    font-size: 18px;
    color: #333;
    margin: 12px 0 8px;
    font-weight: 600;
}

.product-detail ul,
.product-detail ol {
    margin: 15px 0;
    padding-left: 30px;
}

.product-detail li {
    color: #666;
    line-height: 1.8;
    margin-bottom: 8px;
    font-size: 15px;
}

.product-detail blockquote {
    margin: 15px 0;
    padding: 15px 20px;
    background-color: #f8f9fa;
    border-left: 4px solid #0066CC;
    color: #666;
    font-style: italic;
    line-height: 1.8;
}

.product-detail code {
    background-color: #f0f0f0;
    padding: 2px 6px;
    border-radius: 4px;
    font-family: 'Courier New', Courier, monospace;
    font-size: 14px;
    color: #e74c3c;
}

.product-detail pre {
    background-color: #f5f5f5;
    padding: 15px;
    border-radius: 8px;
    overflow-x: auto;
    margin: 15px 0;
    border: 1px solid #e0e0e0;
}

.product-detail pre code {
    background-color: transparent;
    padding: 0;
    border-radius: 0;
    color: #333;
    font-size: 14px;
    line-height: 1.5;
}

.product-detail hr {
    border: none;
    border-top: 2px solid #e0e0e0;
    margin: 30px 0;
}

.product-detail a {
    color: #0066CC;
    text-decoration: none;
    transition: color 0.3s ease;
}

.product-detail a:hover {
    color: #0052a3;
    text-decoration: underline;
}

.product-detail-image {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    margin: 15px 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

.product-detail-image:hover {
    transform: scale(1.02);
}

.product-detail-table {
    width: 100%;
    border-collapse: collapse;
    margin: 15px 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    overflow: hidden;
}

.product-detail-table th,
.product-detail-table td {
    padding: 12px 15px;
    text-align: left;
    border-bottom: 1px solid #e0e0e0;
}

.product-detail-table th {
    background-color: #0066CC;
    color: #fff;
    font-weight: 600;
}

.product-detail-table tr:nth-child(even) {
    background-color: #f8f9fa;
}

.product-detail-table tr:hover {
    background-color: #e3f2fd;
}

/* 不同位置的布局优化 */
.real-product-layout-left {
    background-color: #f0f8ff;
    padding: 20px;
    border-radius: 8px;
}

.real-product-layout-right {
    background-color: #f0f8ff;
    padding: 20px;
    border-radius: 8px;
}

.real-product-layout-top {
    background-color: #f0f8ff;
    padding: 20px;
    border-radius: 8px;
}

/* 文字位置样式 */
.text-overlay.top-left {
    top: 20px;
    left: 20px;
}

.text-overlay.top-center {
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}

.text-overlay.top-right {
    top: 20px;
    right: 20px;
    text-align: right;
}

.text-overlay.center-left {
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
}

.text-overlay.center-center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.text-overlay.center-right {
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    text-align: right;
}

.text-overlay.bottom-left {
    bottom: 20px;
    left: 20px;
}

.text-overlay.bottom-center {
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}

.text-overlay.bottom-right {
    bottom: 20px;
    right: 20px;
    text-align: right;
}

/* 淘宝风格技术咨询样式 */
.taobao-consultation {
    margin-top: 40px;
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    overflow: hidden;
}

.taobao-consultation-header {
    padding: 15px 20px;
    background-color: #fafafa;
    border-bottom: 1px solid #e0e0e0;
}

.search-box {
    display: flex;
    align-items: center;
}

.search-box input {
    flex: 1;
    padding: 10px 15px;
    border: 2px solid #ff4400;
    border-radius: 20px 0 0 20px;
    outline: none;
    font-size: 14px;
}

.search-box button {
    background-color: #ff4400;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 0 20px 20px 0;
    cursor: pointer;
    transition: background-color 0.2s;
}

.search-box button:hover {
    background-color: #ff6633;
}

.category-tabs {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin-top: 5px;
}

.category-tabs .tab {
    padding: 5px 15px;
    background-color: #f5f5f5;
    color: #333;
    border-radius: 15px;
    font-size: 12px;
    cursor: pointer;
    transition: all 0.2s;
}

.category-tabs .tab.active {
    background-color: #ff4400;
    color: white;
}

.category-tabs .tab:hover {
    background-color: #e8e8e8;
}

.category-tabs .tab.active:hover {
    background-color: #ff6633;
}

/* 用户状态/登录按钮样式 */
.user-status {
    margin-left: 10px;
    padding: 5px 15px;
    border-radius: 15px;
    font-size: 12px;
    font-weight: bold;
}

.user-status .login-btn {
    color: #fff;
    background: linear-gradient(135deg, #ff4400 0%, #ff6633 100%);
    padding: 7px 20px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    display: inline-block;
    transition: all 0.2s;
    box-shadow: 0 4px 12px rgba(255, 68, 0, 0.35);
    border: 2px solid rgba(255, 255, 255, 0.3);
    animation: loginPulse 2.5s ease-in-out infinite;
}

.user-status .login-btn i { margin-right: 5px; }

@keyframes loginPulse {
    0%, 100% { box-shadow: 0 4px 12px rgba(255, 68, 0, 0.35); }
    50% { box-shadow: 0 4px 18px rgba(255, 68, 0, 0.6); }
}

.user-status .login-btn:hover {
    text-decoration: none;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(255, 68, 0, 0.5);
    background: linear-gradient(135deg, #ff6633 0%, #ff4400 100%);
    animation: none;
}

.user-status .logged-user {
    color: #ff4400;
    background-color: #fff3ee;
    padding: 5px 15px;
    border-radius: 15px;
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
}

.user-status .logged-user i {
    margin-right: 4px;
}

/* 禁用按钮样式 */
.btn:disabled {
    background-color: #cccccc;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
    pointer-events: auto; /* 确保禁用状态的按钮仍然可以响应点击事件 */
}

.btn.disabled {
    background-color: #cccccc;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
    pointer-events: auto; /* 确保禁用状态的按钮仍然可以响应点击事件 */
}

#questionList {
    padding: 15px;
    max-height: 600px;
    overflow-y: auto;
}

.question-item {
    padding: 15px;
    border-bottom: 1px solid #f0f0f0;
    cursor: pointer;
    transition: all 0.3s ease;
    background-color: #ffffff;
    border-radius: 4px;
    margin-bottom: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}

.question-item:hover {
    background-color: #fafafa;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.question-item.active {
    background-color: #fff8f5;
    border-left: 4px solid #ff4400;
    box-shadow: 0 2px 8px rgba(255, 68, 0, 0.1);
}

.question-title {
    font-weight: bold;
    margin-bottom: 8px;
    color: #333;
    line-height: 1.4;
    font-size: 15px;
}

.question-meta {
    font-size: 12px;
    color: #999;
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
    flex-wrap: wrap;
    gap: 8px;
}

.question-status {
    display: inline-block;
    padding: 3px 10px;
    background-color: #ff6b6b;
    color: white;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 500;
}

.question-status.resolved {
    background-color: #4ecdc4;
}

/* 历史咨询记录样式 */
.history-consultations {
    margin-top: 10px;
}

.history-consultation-item {
    padding: 15px;
    border-bottom: 1px solid #f0f0f0;
    cursor: pointer;
    transition: all 0.3s ease;
    background-color: #ffffff;
    border-radius: 4px;
    margin-bottom: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}

.history-consultation-item:hover {
    background-color: #fafafa;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.history-consultation-item h4 {
    font-weight: bold;
    margin-bottom: 8px;
    color: #333;
    line-height: 1.4;
    font-size: 15px;
}

.history-consultation-item p {
    font-size: 12px;
    color: #999;
    margin-bottom: 8px;
}

.status-badge {
    display: inline-block;
    padding: 3px 10px;
    background-color: #ff6b6b;
    color: white;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 500;
}

.status-badge.pending {
    background-color: #ff6b6b;
}

.status-badge.processed {
    background-color: #ffd93d;
}

.status-badge.replied {
    background-color: #4ecdc4;
}

/* 问题摘要样式 */
.question-summary {
    font-size: 13px;
    color: #666;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 6px;
}

/* 无选择状态样式 */
.no-selection {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: #999;
    text-align: center;
    padding: 40px 20px;
}

.no-selection i {
    font-size: 48px;
    margin-bottom: 15px;
    color: #d9d9d9;
}

.no-selection p {
    font-size: 16px;
    margin: 0;
    color: #666;
}

#askQuestionBtn {
    background-color: #ff4400;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 20px;
    cursor: pointer;
    font-size: 14px;
    width: 100%;
    transition: background-color 0.2s;
}

#askQuestionBtn:hover {
    background-color: #ff6633;
}

.question-detail-header {
    padding: 20px;
    border-bottom: 1px solid #e0e0e0;
    background-color: #fafafa;
}

.question-detail-header .question-title {
    font-size: 18px;
    margin-bottom: 10px;
}

.question-detail-header .question-meta {
    font-size: 12px;
    color: #999;
    display: flex;
    gap: 20px;
}



#questionContent {
    padding: 20px;
    max-height: 450px;
    overflow-y: auto;
}

.user-message {
    display: flex;
    margin-bottom: 20px;
}

.user-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #ff4400;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
}

.message-content {
    flex: 1;
}

.message-header {
    font-weight: bold;
    margin-bottom: 5px;
    color: #333;
}

.message-body {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-radius: 8px;
    color: #333;
    line-height: 1.5;
}

.message-time {
    font-size: 11px;
    color: #999;
    margin-top: 5px;
}

.staff-message {
    display: flex;
    margin-bottom: 20px;
    flex-direction: row-reverse;
}

.staff-message .user-avatar {
    background-color: #4ecdc4;
    margin-right: 0;
    margin-left: 15px;
}

.staff-message .message-body {
    background-color: #e8f5e9;
}

.reply-form {
    padding: 15px;
    border-top: 1px solid #e0e0e0;
    background-color: #fafafa;
}

.reply-form textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    resize: vertical;
    min-height: 80px;
    margin-bottom: 10px;
    outline: none;
}

.reply-form textarea:focus {
    border-color: #ff4400;
    box-shadow: 0 0 0 2px rgba(255, 68, 0, 0.1);
}

.reply-form button {
    padding: 8px 15px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
}

#submitReplyBtn {
    background-color: #ff4400;
    color: white;
}

#submitReplyBtn:hover {
    background-color: #ff6633;
}

#cancelReplyBtn {
    border: 1px solid #ddd;
    background-color: white;
    color: #333;
}

#cancelReplyBtn:hover {
    background-color: #f5f5f5;
}

/* 容器和列样式 */
.taobao-consultation-container {
    margin: 0;
    min-height: 600px;
    background-color: #f5f5f5;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.left-column {
    border-right: 1px solid #e0e0e0;
    background-color: #ffffff;
    height: 100%;
    min-height: 600px;
}

.right-column {
    background-color: #ffffff;
    height: 100%;
    min-height: 600px;
    display: flex;
    flex-direction: column;
}

#questionList {
    padding: 15px;
    overflow-y: auto;
    max-height: calc(100% - 80px);
}

.ask-question-section {
    padding: 15px;
    border-top: 1px solid #e0e0e0;
    text-align: center;
    position: relative;
    z-index: 100;
    background-color: #ffffff;
}

/* 确保按钮有足够的可点击区域 */
#askQuestionBtn {
    display: block;
    width: 100%;
    padding: 12px;
    font-size: 16px;
    cursor: pointer;
    position: relative;
    z-index: 101;
}

#sidebarSubmitReplyBtn {
    position: relative;
    z-index: 101;
    cursor: pointer;
}

#conversationDetail {
    padding: 20px;
    flex: 1;
    overflow-y: auto;
    max-height: calc(100% - 150px);
}

.reply-form-container {
    padding: 20px;
    border-top: 1px solid #e0e0e0;
    background-color: #fafafa;
}

.reply-form-buttons {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

/* 问题摘要样式 */
.question-summary {
    font-size: 13px;
    color: #666;
    margin-top: 5px;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* 表单样式 */
.form-group {
    margin-bottom: 15px;
    padding: 0 20px;
}

.form-group label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
    color: #333;
}

.form-group input,
.form-group textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    font-size: 14px;
}

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

/* 模态框样式 */
.modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.4);
}

.modal-content {
    background-color: #fefefe;
    margin: 5% auto;
    border: 1px solid #888;
    width: 80%;
    max-width: 600px;
    max-height: 80vh;
    overflow-y: auto;
    border-radius: 5px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.15);
}

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

.form-group label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
    color: #333;
}

.form-group input,
.form-group textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    font-size: 14px;
}

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

.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    padding: 10px 15px;
    cursor: pointer;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .taobao-consultation-header .row {
        flex-direction: column;
    }
    
    .category-tabs {
        margin-top: 10px;
        justify-content: flex-start;
    }
    
    .question-detail-header .question-meta {
        flex-direction: column;
        gap: 5px;
    }
    
    .modal-content {
        margin: 10% auto;
        width: 95%;
        max-height: 90vh;
    }
    
    /* 产品明细响应式样式 */
    .product-detail {
        margin-bottom: 25px;
    }
    
    .product-detail-title {
        font-size: 20px;
        padding: 15px 20px;
    }
    
    .product-detail-info {
        padding: 20px;
    }
    
    /* 窗口布局响应式 */
    .window-half {
        flex-direction: column;
        margin-bottom: 25px;
    }
    
    .window-image-half,
    .window-video-half {
        min-width: 100%;
        padding-top: 75%; /* 调整为4:3比例 */
    }
    
    .window-content-half {
        min-width: 100%;
        padding: 20px;
    }
    
    .window-image-full,
    .window-video-full {
        padding-top: 75%; /* 调整为4:3比例 */
    }
    
    .window-content-full {
        padding: 25px;
    }
    
    /* 标题和内容响应式 */
    .window-content-full h4 {
        font-size: 18px;
        margin-bottom: 15px;
    }
    
    .window-content-half h4 {
        font-size: 18px;
    }
    
    .window-content-full p,
    .window-content-half p {
        font-size: 15px;
        line-height: 1.7;
    }
    
    /* 产品索引卡片响应式 */
    .product-index-card {
        margin-bottom: 20px;
    }
    
    /* 产品类别网格响应式 */
    .product-category {
        margin-bottom: 30px;
    }
}

.window-image-half img,
.window-video-half video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ========== 服务页面 - 资料搜索样式 ========== */
.document-search-container {
    margin-top: 30px;
    background-color: #f5f5f5;
    padding: 25px;
    border-radius: 8px;
}

.document-search-container h3 {
    margin-bottom: 20px;
    color: #0066CC;
}

.document-search-form {
    margin-bottom: 15px;
}

.document-search-row {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 15px;
}

.document-search-field {
    flex: 1;
    min-width: 250px;
}

.document-search-field label {
    display: block;
    margin-bottom: 8px;
    font-weight: bold;
}

.document-search-field input,
.document-search-field select {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
}

.document-search-buttons {
    display: flex;
    gap: 10px;
}

.document-search-results {
    margin-top: 25px;
    display: none;
}

.document-search-results h4 {
    margin-bottom: 15px;
    color: #0066CC;
}

/* ========== 服务页面 - 资料目录样式 ========== */
.document-catalog {
    margin-top: 40px;
}

.catalog-category {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    margin-bottom: 20px;
    overflow: hidden;
}

.category-header {
    padding: 20px;
    background-color: #0066CC;
    color: white;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.category-header h3 {
    margin: 0;
    display: flex;
    align-items: center;
}

.category-header h3 i {
    margin-right: 10px;
}

.category-header i.category-icon {
    transition: transform 0.3s;
    transform: rotate(0deg);
}

.category-header i.category-icon.open {
    transform: rotate(180deg);
}

.category-content {
    display: none;
    padding: 20px;
}

.category-content table {
    width: 100%;
    border-collapse: collapse;
}

.category-content table thead tr {
    background-color: #f5f5f5;
}

.category-content table th {
    padding: 12px;
    text-align: left;
    border-bottom: 2px solid #ddd;
}

.category-content table tbody tr {
    border-bottom: 1px solid #eee;
    transition: background-color 0.2s;
}

.category-content table tbody tr:hover {
    background-color: #f9f9f9;
}

.category-content table td {
    padding: 12px;
}

/* 搜索结果表格样式 */
.search-results-table {
    width: 100%;
    border-collapse: collapse;
    background-color: white;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    border-radius: 8px;
    overflow: hidden;
}

.search-results-table thead {
    background-color: #0066CC;
    color: white;
}

.search-results-table th {
    padding: 12px;
    text-align: left;
    border-bottom: 2px solid #ddd;
}

.search-results-table tbody tr {
    border-bottom: 1px solid #eee;
    transition: background-color 0.2s;
}

.search-results-table tbody tr:hover {
    background-color: #f9f9f9;
}

.search-results-table td {
    padding: 12px;
}

/* 无搜索结果提示样式 */
.no-results {
    background-color: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    text-align: center;
}

/* 无数据提示样式 */
.no-data {
    padding: 20px;
    text-align: center;
    color: #666;
}

/* 页脚按钮样式 */
.footer-btn-container {
    margin-top: 20px;
}

.footer-btn {
    background-color: #0066CC;
}

/* 返回顶部按钮样式 */
.back-to-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 50px;
    height: 50px;
    background-color: #0066CC;
    color: white;
    border: none;
    border-radius: 50%;
    font-size: 24px;
    cursor: pointer;
    opacity: 1;
    visibility: visible;
    transition: 0.3s;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.back-to-top:hover {
    background-color: #0052a3;
    transform: translateY(-5px);
    box-shadow: 0 4px 15px rgba(0, 102, 204, 0.3);
}

/* ========== 统一设计层（20260916 追加，仅新增规则，不改既有语义） ========== */

/* 统一空状态：中英文所有列表/卡片模块共用 */
.empty-state {
    text-align: center;
    padding: 48px 24px;
    color: #8a97a8;
    background-color: rgba(0, 102, 204, 0.03);
    border: 1px dashed rgba(0, 102, 204, 0.25);
    border-radius: 10px;
    margin: 20px 0;
}

.empty-state i {
    display: block;
    font-size: 48px;
    margin-bottom: 16px;
    opacity: 0.35;
}

.empty-state p {
    margin: 0;
    font-size: 15px;
    line-height: 1.7;
}

/* 全站统一内页联系 CTA 区块 */
.contact-cta {
    padding: 70px 0;
    background: linear-gradient(135deg, #0066CC 0%, #0052a3 100%);
    text-align: center;
    color: #fff;
}

.contact-cta-title {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 16px;
    color: #fff;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.contact-cta-text {
    font-size: 17px;
    line-height: 1.8;
    max-width: 760px;
    margin: 0 auto 30px;
    color: rgba(255, 255, 255, 0.9);
}

.btn-cta {
    background-color: #fff;
    color: #0066CC;
    font-weight: 600;
    padding: 14px 38px;
    border-radius: 6px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);
}

.btn-cta:hover {
    background-color: #f0f6ff;
    color: #0052a3;
    transform: translateY(-2px);
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.22);
}

.btn-cta i {
    margin-right: 8px;
}

/* 英文长词/长 URL 防溢出 */
html[lang="en"] body {
    overflow-wrap: break-word;
}

html[lang="en"] .message-body,
html[lang="en"] .question-title,
html[lang="en"] .question-summary,
html[lang="en"] .document-search-results td,
html[lang="en"] .catalog-category td {
    word-break: break-word;
    overflow-wrap: anywhere;
}

/* 资料目录表格在窄屏下横向可滑 */
.category-content,
.document-search-results {
    -webkit-overflow-scrolling: touch;
}

@media (max-width: 768px) {
    .contact-cta {
        padding: 48px 0;
    }

    .contact-cta-title {
        font-size: 24px;
    }

    .contact-cta-text {
        font-size: 15px;
        margin-bottom: 24px;
    }

    .btn-cta {
        padding: 12px 30px;
        width: 100%;
        max-width: 320px;
    }

    .category-content,
    .document-search-results {
        overflow-x: auto;
    }

    .empty-state {
        padding: 36px 16px;
    }

    .empty-state i {
        font-size: 40px;
    }
}

/* ===== 联系页优化：卡片布局 + 表单 Tab + 统一表单样式 ===== */

/* 联系信息卡片网格 */
.contact-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 40px;
    margin-top: 40px;
}

.contact-card {
    background: #fff;
    border-radius: 12px;
    padding: 32px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
    transition: box-shadow 0.3s;
}

.contact-card:hover {
    box-shadow: 0 4px 20px rgba(0, 102, 204, 0.1);
}

.contact-card h3 {
    margin-bottom: 24px;
    font-size: 18px;
    font-weight: 600;
    color: #333;
}

/* 微信二维码占位 */
.qr-placeholder {
    width: 200px;
    height: 200px;
    background: #f0f0f0;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
}

.qr-placeholder i {
    font-size: 120px;
    color: #07C160;
}

.qr-text {
    margin: 0;
    color: #666;
}

/* 表单 Tab 导航 */
.form-tabs {
    display: flex;
    gap: 0;
    border-bottom: 3px solid #e8e8e8;
    margin-bottom: 36px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.form-tab {
    flex-shrink: 0;
    padding: 14px 28px;
    border: none;
    background: none;
    font-size: 16px;
    font-weight: 500;
    color: #888;
    cursor: pointer;
    border-bottom: 3px solid transparent;
    margin-bottom: -3px;
    transition: color 0.2s, border-color 0.2s;
    white-space: nowrap;
}

.form-tab:hover {
    color: #0066CC;
}

.form-tab.active {
    color: #0066CC;
    border-bottom-color: #0066CC;
    font-weight: 600;
}

.form-tab-content {
    display: none;
}

.form-tab-content.active {
    display: block;
}

/* 统一表单样式 */
.contact-form-wrapper {
    max-width: 800px;
    margin: 0 auto;
}

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

.form-field {
    margin-bottom: 0;
}

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

.form-label {
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
    color: #333;
}

.form-label .req {
    color: #e74c3c;
}

.form-input,
.form-select,
.form-textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 16px;
    transition: border-color 0.2s, box-shadow 0.2s;
    background: #fff;
}

.form-input:focus,
.form-select:focus,
.form-textarea:focus {
    outline: none;
    border-color: #0066CC;
    box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.1);
}

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

.form-hint {
    display: block;
    margin-top: 6px;
    color: #888;
    font-size: 14px;
}

.form-submit {
    display: block;
    margin: 36px auto 0;
    padding: 13px 36px;
    background: linear-gradient(135deg, #0066CC, #0052a3);
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 17px;
    font-weight: 600;
    cursor: pointer;
    transition: transform 0.15s, box-shadow 0.2s;
    box-shadow: 0 4px 14px rgba(0, 102, 204, 0.25);
}

.form-submit:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(0, 102, 204, 0.35);
}

.form-submit:active {
    transform: translateY(0);
}

/* 表单区块背景区分 */
.contact-form-section {
    padding: 60px 0;
}

.contact-form-section.alt {
    background: #f7f9fc;
}

@media (max-width: 768px) {
    .contact-cards {
        gap: 24px;
    }

    .contact-card {
        padding: 24px;
    }

    .form-tab {
        padding: 12px 18px;
        font-size: 14px;
    }

    .form-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .form-submit {
        width: 100%;
    }
}

/* ========== 分类产品轮播 slide 显隐 ========== */
.category-product-slide {
    display: none;
}
.category-product-slide.active {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* ========== 分类产品轮播：两行网格布局（CSS 多列：纵向填列、横向溢出翻页） ========== */
.category-carousel-container {
    height: 800px; /* 两行卡片 × 390px + 行间距 20px */
}
.category-carousel-container .carousel-track {
    display: block;
    height: 800px;
    width: max-content;
    column-width: 280px;
    column-gap: 20px;
}
.category-carousel-container .category-carousel-item {
    display: block;
    width: 280px;
    height: 390px;
    break-inside: avoid;
}
/* 每列第一张卡下方留 20px 间距：390 + 20 + 390 = 800 列高，保证每列恰好两卡 */
.category-carousel-container .category-carousel-item:nth-child(odd) {
    margin-bottom: 20px;
}
.category-carousel-container .category-carousel-item .product-index-card {
    height: 100%;
    overflow: hidden;
}
@media (max-width: 767px) {
    .category-carousel-container {
        height: 700px; /* 小屏两行 × 340px + 20px */
    }
    .category-carousel-container .carousel-track {
        height: 700px;
        column-width: 165px;
    }
    .category-carousel-container .category-carousel-item {
        width: 165px;
        height: 340px;
    }
    .category-carousel-container .category-carousel-item:nth-child(odd) {
        margin-bottom: 20px;
    }
}

/* ========== 关于我们页 - 4 板块布局（提取自 about.php 内联样式） ========== */

/* 板块间距：公司简介/框架/历程/团队通用 */
.about-block {
    margin-top: 50px;
}

.about-block > h3 {
    margin-bottom: 20px;
}

/* 部门框架网格 + 卡片 */
.dept-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
}

.dept-card {
    padding: 20px;
    background-color: #f8f9fa;
    border-radius: 8px;
    transition: box-shadow 0.2s, transform 0.2s;
}

.dept-card:hover {
    box-shadow: 0 4px 14px rgba(0, 102, 204, 0.08);
    transform: translateY(-2px);
}

.dept-card h4 {
    margin-bottom: 8px;
    color: #2c3e50;
    font-weight: 600;
}

/* 公司发展历程时间轴 */
.timeline {
    position: relative;
    padding: 40px 0;
}

.timeline-line {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 2px;
    background-color: #e9ecef;
}

.timeline-items {
    margin-left: 20px;
}

.timeline-item {
    position: relative;
    margin-bottom: 30px;
}

.timeline-item:last-child {
    margin-bottom: 0;
}

.timeline-dot {
    position: absolute;
    left: -29px;
    top: 5px;
    width: 15px;
    height: 15px;
    background-color: #0066cc;
    border-radius: 50%;
    border: 3px solid #fff;
    box-shadow: 0 0 0 2px #0066cc;
}

.timeline-item h4 {
    margin-bottom: 6px;
    color: #0066cc;
    font-weight: 600;
}

/* 企业文化理念 + 文化活动 + 资质荣誉 */
.culture-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 20px;
    margin-bottom: 35px;
}

.culture-item {
    padding: 22px;
    background-color: #f8f9fa;
    border-radius: 8px;
    transition: box-shadow 0.2s, transform 0.2s;
}

.culture-item:hover {
    box-shadow: 0 4px 14px rgba(0, 102, 204, 0.08);
    transform: translateY(-2px);
}

.culture-item h4 {
    margin-bottom: 12px;
    color: #0066cc;
    font-weight: 600;
}

.culture-line {
    position: relative;
    padding-left: 16px;
    margin-bottom: 8px;
    font-size: 0.95rem;
    line-height: 1.6;
}

.culture-line::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.6em;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #0066cc;
}

.culture-line strong {
    color: #2c3e50;
}

.culture-sub-title {
    margin: 30px 0 16px;
    color: #2c3e50;
    font-weight: 600;
}

.activities-gallery {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
}

.activity-item {
    text-align: center;
}

.activity-thumb {
    width: 100%;
    aspect-ratio: 4 / 3;
    border-radius: 8px;
    overflow: hidden;
    background-color: #e9ecef;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

.activity-placeholder {
    font-size: 2.2rem;
    color: #adb5bd;
}

.activity-item p {
    font-size: 0.95rem;
    color: #2c3e50;
}

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

.honor-item {
    text-align: center;
    padding: 18px;
    background-color: #f8f9fa;
    border-radius: 8px;
    transition: box-shadow 0.2s, transform 0.2s;
}

.honor-item:hover {
    box-shadow: 0 4px 14px rgba(0, 102, 204, 0.08);
    transform: translateY(-3px);
}

.honor-thumb {
    width: 100%;
    aspect-ratio: 4 / 3;
    border-radius: 8px;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #e9ecef;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
}

.honor-placeholder {
    font-size: 2.2rem;
    color: #adb5bd;
}

.honor-item p {
    font-size: 0.95rem;
    color: #2c3e50;
}

.honor-text {
    max-width: 860px;
    margin: 0 auto;
    text-align: center;
    color: #555;
    line-height: 1.8;
}

/* 企业社会责任 + 合作伙伴（about 页） */
.csr-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 20px;
}

.csr-item {
    padding: 22px;
    background-color: #f8f9fa;
    border-radius: 8px;
    transition: box-shadow 0.2s, transform 0.2s;
}

.csr-item:hover {
    box-shadow: 0 4px 14px rgba(0, 102, 204, 0.08);
    transform: translateY(-2px);
}

.csr-icon {
    font-size: 2rem;
    color: #0066cc;
    margin-bottom: 12px;
}

.csr-item h4 {
    margin-bottom: 10px;
    color: #2c3e50;
    font-weight: 600;
}

.csr-item p {
    font-size: 0.95rem;
    color: #555;
    line-height: 1.6;
}

.partners-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 18px;
}

.partner-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 110px;
    padding: 18px;
    background-color: #fff;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    color: #555;
    transition: box-shadow 0.2s, transform 0.2s;
}

.partner-item:hover {
    box-shadow: 0 4px 14px rgba(0, 102, 204, 0.1);
    transform: translateY(-2px);
}

.partner-placeholder {
    font-size: 2rem;
    color: #adb5bd;
}

.partner-item span {
    font-size: 0.9rem;
    color: #555;
}

/* 常见问题 FAQ（联系页，details/summary 手风琴） */
.faq-list {
    max-width: 860px;
    margin: 0 auto;
}

.faq-item {
    background-color: #fff;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    margin-bottom: 14px;
    overflow: hidden;
    transition: box-shadow 0.2s;
}

.faq-item[open] {
    box-shadow: 0 4px 14px rgba(0, 102, 204, 0.08);
}

.faq-question {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 20px;
    cursor: pointer;
    font-weight: 600;
    color: #2c3e50;
    list-style: none;
}

.faq-question::-webkit-details-marker {
    display: none;
}

.faq-question > i:first-child {
    color: #0066cc;
}

.faq-question span {
    flex: 1;
}

.faq-chevron {
    color: #adb5bd;
    transition: transform 0.2s;
}

.faq-item[open] .faq-chevron {
    transform: rotate(180deg);
}

.faq-answer {
    padding: 0 20px 16px 48px;
    color: #555;
    line-height: 1.7;
}

/* 客户反馈（应用领域页） */
.app-feedback-section {
    padding: 80px 0;
    background-color: #f9f9f9;
}

.feedback-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 24px;
    margin-top: 40px;
}

.feedback-item {
    position: relative;
    padding: 30px 26px 26px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
    transition: transform 0.2s, box-shadow 0.2s;
}

.feedback-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 102, 204, 0.1);
}

.feedback-quote {
    font-size: 1.8rem;
    color: #0066cc;
    opacity: 0.35;
    margin-bottom: 10px;
}

.feedback-content {
    color: #555;
    line-height: 1.7;
    margin-bottom: 18px;
}

.feedback-author {
    display: flex;
    align-items: center;
    gap: 12px;
}

.feedback-avatar {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background-color: #e9ecef;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #adb5bd;
    overflow: hidden;
    flex-shrink: 0;
}

.author-info h4 {
    font-size: 0.98rem;
    color: #2c3e50;
    margin-bottom: 2px;
}

.author-info p {
    font-size: 0.85rem;
    color: #888;
}

/* 工作环境（人才招聘页） */
.env-gallery {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 20px;
}

.env-item {
    text-align: center;
}

.env-thumb {
    width: 100%;
    aspect-ratio: 4 / 3;
    border-radius: 8px;
    overflow: hidden;
    background-color: #e9ecef;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

.env-placeholder {
    font-size: 2.2rem;
    color: #adb5bd;
}

.env-item p {
    font-size: 0.95rem;
    color: #2c3e50;
}

/* 技术支持服务结语（技术服务页） */
.svc-support-cta {
    max-width: 860px;
    margin: 36px auto 0;
    text-align: center;
    color: #555;
    line-height: 1.8;
}

/* 定制化服务（产品页，图文两栏） */
.custom-service-content {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 40px;
    align-items: center;
}

.custom-service-image {
    border-radius: 8px;
    overflow: hidden;
}

.custom-service-text p {
    color: #555;
    line-height: 1.8;
    margin-bottom: 14px;
}

.custom-service-btn {
    display: inline-block;
    margin-top: 8px;
    background-color: #0066cc;
    color: #fff;
    padding: 12px 28px;
    border-radius: 6px;
    transition: background-color 0.2s;
}

.custom-service-btn:hover {
    background-color: #0052a3;
    color: #fff;
}

@media (max-width: 768px) {
    .custom-service-content {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .faq-answer {
        padding-left: 20px;
    }
}

/* 管理团队网格 + 卡片 */
.team-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
}

.team-card {
    text-align: center;
    padding: 20px;
    background-color: #f8f9fa;
    border-radius: 8px;
    transition: box-shadow 0.2s, transform 0.2s;
}

.team-card:hover {
    box-shadow: 0 4px 14px rgba(0, 102, 204, 0.08);
    transform: translateY(-2px);
}

.team-avatar {
    width: 120px;
    height: 120px;
    margin: 0 auto 20px;
    background-color: #e9ecef;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.team-avatar-fallback {
    font-size: 48px;
    color: #666;
}

.team-card h4 {
    margin-bottom: 6px;
    color: #2c3e50;
    font-weight: 600;
}

.team-role {
    color: #0066cc;
    font-weight: 500;
    margin-bottom: 0;
}

.team-bio {
    margin-top: 10px;
    color: #555;
    line-height: 1.6;
}

@media (max-width: 768px) {
    .about-block {
        margin-top: 36px;
    }

    .dept-grid,
    .team-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .team-avatar {
        width: 96px;
        height: 96px;
    }
}

/* ==================== 产品列表页（products.php / en/products.php） ==================== */
.product-search-container {
    margin-bottom: 30px;
}

.product-search-bar {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    align-items: center;
    background: #fff;
    padding: 24px;
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}

.product-search-input-wrapper {
    flex: 1;
    min-width: 250px;
    position: relative;
}

.product-search-icon {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: #999;
    font-size: 14px;
    pointer-events: none;
}

.product-search-input {
    width: 100%;
    padding: 12px 14px 12px 42px;
    border: 1.5px solid #e0e0e0;
    border-radius: 8px;
    font-size: 14px;
    transition: border-color 0.2s, box-shadow 0.2s;
    outline: none;
    box-sizing: border-box;
}

.product-search-input:focus {
    border-color: #0066cc;
    box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.12);
}

.product-category-filter-wrapper {
    min-width: 160px;
}

.product-category-filter {
    width: 100%;
    padding: 12px 14px;
    border: 1.5px solid #e0e0e0;
    border-radius: 8px;
    font-size: 14px;
    background: #fff;
    cursor: pointer;
    outline: none;
    appearance: none;
    box-sizing: border-box;
}

.product-search-actions {
    display: flex;
    gap: 8px;
}

.product-search-btn {
    padding: 12px 24px;
    border: none;
    color: #fff;
    border-radius: 8px;
    background: linear-gradient(135deg, #0066cc 0%, #0080ff 100%);
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    transition: transform 0.2s, box-shadow 0.2s;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.product-search-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 102, 204, 0.25);
}

.product-clear-btn {
    padding: 12px 20px;
    border: 1.5px solid #e0e0e0;
    color: #666;
    border-radius: 8px;
    background: #fff;
    cursor: pointer;
    font-size: 14px;
    transition: border-color 0.2s, color 0.2s;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.product-clear-btn:hover {
    border-color: #0066cc;
    color: #0066cc;
}

.search-result-count {
    margin-top: 12px;
    font-size: 13px;
    color: #888;
    display: none;
}

.product-grid-280 {
    display: grid;
    grid-template-columns: repeat(auto-fill, 280px);
    gap: 20px;
    margin-top: 30px;
    justify-content: center;
}

@media (max-width: 768px) {
    .product-search-bar {
        padding: 16px;
    }

    .product-grid-280 {
        grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
        gap: 16px;
    }

    .product-search-btn,
    .product-clear-btn {
        flex: 1;
        justify-content: center;
    }
}

/* ==================== 制造能力页 · 设备区（manufacturing.php） ==================== */
html {
    scroll-behavior: smooth;
}

.equipment-category {
    margin-top: 36px;
}

.equipment-category:first-of-type {
    margin-top: 24px;
}

.equipment-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 24px;
    margin-top: 24px;
}

.equipment-card {
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    color: inherit;
    text-decoration: none;
    min-width: 0;
}

.equipment-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0, 102, 204, 0.15);
    color: inherit;
    text-decoration: none;
}

.equipment-card-thumb {
    width: 100%;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: #f0f2f5;
}

.equipment-card-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease;
}

.equipment-card:hover .equipment-card-thumb img {
    transform: scale(1.05);
}

.equipment-card-icon {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #eef5ff 0%, #e3efff 100%);
    color: #0066cc;
    font-size: 52px;
}

.equipment-card-body {
    padding: 18px 20px 20px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.equipment-card-body h4 {
    font-size: 17px;
    font-weight: 600;
    color: #222;
    margin-bottom: 8px;
}

.equipment-card-body p {
    font-size: 13.5px;
    color: #666;
    line-height: 1.6;
    margin: 0 0 14px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.equipment-card-link {
    margin-top: auto;
    color: #0066cc;
    font-size: 13.5px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.equipment-card-link i {
    font-size: 12px;
    transition: transform 0.25s ease;
}

.equipment-card:hover .equipment-card-link i {
    transform: translateX(4px);
}

/* 设备详情 */
.equipment-detail-section .device-detail {
    scroll-margin-top: 84px;
    margin-top: 36px;
    padding-bottom: 28px;
    border-bottom: 1px solid #eef0f3;
}

.equipment-detail-section .device-detail:last-child {
    border-bottom: none;
}

.device-detail-title {
    font-size: 22px;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 18px;
    padding-left: 12px;
    border-left: 4px solid #0066cc;
    line-height: 1.3;
}

.device-detail-back {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 18px;
    color: #0066cc;
    font-size: 13.5px;
    font-weight: 600;
    text-decoration: none;
}

.device-detail-back:hover {
    color: #0080ff;
    text-decoration: underline;
}

@media (max-width: 768px) {
    .equipment-grid {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
        gap: 16px;
    }

    .equipment-card-body {
        padding: 14px 16px 16px;
    }
}

/* ========== 技术服务页美化 ========== */

/* 服务内容区交替背景 */
#download, #consultation, #import {
    background-color: #f0f8ff;
}

#catalog, #transfer {
    background-color: #fff;
}

/* 搜索容器美化 */
.document-search-container {
    border: 1px solid #e0e8f0;
    border-radius: 12px;
    padding: 28px;
    background: linear-gradient(135deg, #f8fbff 0%, #eef5fc 100%);
    box-shadow: 0 2px 8px rgba(0, 102, 204, 0.04);
}

.document-search-container h3 {
    color: #0066CC;
    font-weight: 600;
    margin-bottom: 18px;
}

.document-search-field input,
.document-search-field select {
    border: 1px solid #d0dce8;
    border-radius: 8px;
    padding: 10px 14px;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.document-search-field input:focus,
.document-search-field select:focus {
    border-color: #0066CC;
    box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.1);
    outline: none;
}

.document-search-buttons .btn-search {
    background: #0066CC;
    color: #fff;
    border: none;
    padding: 10px 24px;
    border-radius: 8px;
    font-weight: 500;
    transition: background 0.2s;
}

.document-search-buttons .btn-search:hover {
    background: #0052a3;
}

.document-search-buttons .btn-clear {
    background: #e8eef5;
    color: #2c3e50;
    border: none;
    padding: 10px 24px;
    border-radius: 8px;
    font-weight: 500;
    transition: background 0.2s;
}

.document-search-buttons .btn-clear:hover {
    background: #d0dce8;
}

/* 目录分类美化 */
.catalog-category {
    border-left: 4px solid #0066CC;
    border-radius: 0 10px 10px 0;
    overflow: hidden;
    margin-bottom: 16px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.category-header {
    background: linear-gradient(135deg, #0066CC 0%, #0080ff 100%);
    padding: 18px 24px;
}

.category-header h3 {
    font-size: 16px;
    font-weight: 600;
}

.category-header:hover {
    background: linear-gradient(135deg, #0052a3 0%, #0070e0 100%);
}

.catalog-category table th {
    background-color: #f5f8fc;
    color: #2c3e50;
    font-weight: 600;
    padding: 12px 16px;
    border-bottom: 2px solid #e0e8f0;
}

.catalog-category table td {
    padding: 12px 16px;
    border-bottom: 1px solid #f0f2f5;
}

.catalog-category table tr:hover td {
    background-color: #f8fbff;
}

/* 服务列表项美化 */
.service-content-list {
    list-style: none;
    padding: 0;
    margin: 20px 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 12px;
}

.service-content-list li {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    background: #f5f8fc;
    border-radius: 8px;
    border-left: 3px solid #0066CC;
    transition: transform 0.2s, box-shadow 0.2s;
    font-size: 15px;
    color: #2c3e50;
}

.service-content-list li:hover {
    transform: translateX(4px);
    box-shadow: 0 2px 8px rgba(0, 102, 204, 0.1);
}

.service-content-list li i {
    color: #0066CC;
    font-size: 18px;
    flex-shrink: 0;
}

/* 服务按钮美化 */
.service-content-button-container {
    margin-top: 24px;
}

.service-content-button-container .btn {
    background: #0066CC;
    color: #fff;
    padding: 12px 32px;
    border-radius: 8px;
    font-weight: 500;
    border: none;
    transition: background 0.2s, transform 0.2s;
}

.service-content-button-container .btn:hover {
    background: #0052a3;
    transform: translateY(-2px);
}

/* 咨询区间距统一 */
.taobao-consultation {
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
}

/* 搜索结果表美化 */
.search-results-table {
    width: 100%;
    border-collapse: collapse;
}

.search-results-table th {
    background: #f5f8fc;
    color: #2c3e50;
    font-weight: 600;
    padding: 12px 16px;
    text-align: left;
    border-bottom: 2px solid #e0e8f0;
}

.search-results-table td {
    padding: 12px 16px;
    border-bottom: 1px solid #f0f2f5;
}

.search-results-table tr:hover td {
    background: #f8fbff;
}

/* 响应式 */
@media (max-width: 768px) {
    .service-content-list {
        grid-template-columns: 1fr;
    }

    .document-search-container {
        padding: 18px;
    }

    .document-search-row {
        flex-direction: column;
    }

    .document-search-field {
        min-width: 100%;
    }
}

/* ========== 应用领域页美化（ver 20260917e） ========== */

/* 锚点占位 div：取代行内 style="margin-top:80px"，平滑滚动有偏移 */
.anchor-offset {
    display: block;
    position: relative;
    top: -80px;
    visibility: hidden;
    height: 0;
    margin: 0;
    padding: 0;
}

/* 应用领域页各区块背景交替（与制造页风格保持一致） */
.app-solution-section,
.app-solutions-section,
.app-cases-section {
    background: #fff;
}

.app-fields-section,
.app-mfg-section {
    background: #f7f9fc;
}

/* 方案设计：图文左右排版 */
.app-solution-content {
    gap: 50px;
}

.app-solution-text {
    background: #fff;
    box-shadow: 0 4px 18px rgba(0, 102, 204, 0.08);
    padding: 36px 32px;
    border-radius: 12px;
    border-left: 4px solid #0066CC;
}

.app-solution-text p {
    font-size: 16px;
    line-height: 1.85;
    color: #2c3e50;
    margin-bottom: 14px;
}

.app-solution-text p:last-of-type {
    margin-bottom: 0;
}

.app-solution-image {
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 6px 22px rgba(0, 0, 0, 0.1);
}

.app-solution-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.app-solution-image:hover img {
    transform: scale(1.04);
}

/* 方案设计服务清单 */
.app-service-list {
    margin-top: 28px;
    padding-top: 22px;
    border-top: 1px dashed #e3e8ef;
}

.app-service-title {
    font-size: 17px;
    font-weight: 600;
    color: #0066CC;
    margin-bottom: 14px;
}

.service-check-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 18px;
}

.service-check-list li {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14.5px;
    color: #2c3e50;
    line-height: 1.6;
}

.service-check-list li i.fas.fa-check {
    color: #0066CC;
    font-size: 13px;
    width: 22px;
    height: 22px;
    flex-shrink: 0;
    background: rgba(0, 102, 204, 0.1);
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 576px) {
    .service-check-list {
        grid-template-columns: 1fr;
    }
}

/* 应用领域：图标卡片增强 */
.app-fields-section .applications-grid {
    gap: 28px;
}

.app-fields-section .application-item {
    padding: 36px 26px 30px;
    position: relative;
    overflow: hidden;
    border: 1px solid #eaeef3;
}

.app-fields-section .application-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #0066CC 0%, #0080FF 100%);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.4s ease;
}

.app-fields-section .application-item:hover::before {
    transform: scaleX(1);
}

.app-fields-section .application-icon {
    width: 70px;
    height: 70px;
    font-size: 28px;
    box-shadow: 0 8px 20px rgba(0, 102, 204, 0.22);
    margin-bottom: 22px;
    position: relative;
}

.app-fields-section .application-icon::after {
    content: '';
    position: absolute;
    inset: -6px;
    border: 1px dashed rgba(0, 102, 204, 0.3);
    border-radius: 50%;
    opacity: 0;
    transform: scale(0.8);
    transition: all 0.4s ease;
}

.app-fields-section .application-item:hover .application-icon::after {
    opacity: 1;
    transform: scale(1);
}

.app-fields-section .application-item h3 {
    font-size: 18px;
    margin-bottom: 12px;
}

.app-fields-section .application-item p {
    color: #5a6878;
    font-size: 14px;
    line-height: 1.75;
}

/* 行业解决方案：图文交替 */
.app-solutions-section .solutions-grid {
    gap: 60px;
}

.app-solutions-section .solution-item {
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.app-solutions-section .solution-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 30px rgba(0, 102, 204, 0.12);
}

.app-solutions-section .solution-image {
    height: 100%;
    min-height: 240px;
}

.app-solutions-section .solution-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.app-solutions-section .solution-item:hover .solution-image img {
    transform: scale(1.05);
}

.app-solutions-section .solution-content {
    padding: 36px 32px;
}

.app-solutions-section .solution-content h3 {
    font-size: 22px;
    color: #0066CC;
    margin-bottom: 18px;
    padding-bottom: 12px;
    border-bottom: 2px solid #eef2f8;
}

.app-solutions-section .solution-content p {
    font-size: 15px;
    color: #5a6878;
    line-height: 1.85;
    margin-bottom: 12px;
}

.app-solutions-section .solution-content p:last-child {
    margin-bottom: 0;
}

/* 制造能力应用：卡片网格美化 */
.app-mfg-section .manufacturing-applications-grid {
    gap: 28px;
}

.app-mfg-section .manufacturing-application-item {
    padding: 36px 26px;
    border: 1px solid #eaeef3;
    background: #fff;
    position: relative;
    overflow: hidden;
}

.app-mfg-section .manufacturing-application-item::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 0;
    background: linear-gradient(180deg, rgba(0, 102, 204, 0) 0%, rgba(0, 102, 204, 0.04) 100%);
    transition: height 0.4s ease;
}

.app-mfg-section .manufacturing-application-item:hover::after {
    height: 100%;
}

.app-mfg-section .manufacturing-application-icon {
    width: 68px;
    height: 68px;
    font-size: 28px;
    background: linear-gradient(135deg, #0066CC 0%, #0080FF 100%);
    box-shadow: 0 8px 20px rgba(0, 102, 204, 0.22);
    margin-bottom: 20px;
}

.app-mfg-section .manufacturing-application-item h3 {
    font-size: 18px;
    margin-bottom: 10px;
    color: #2c3e50;
}

.app-mfg-section .manufacturing-application-item p {
    font-size: 14px;
    color: #5a6878;
    line-height: 1.75;
}

/* 客户案例区 */
.app-cases-section .cases-grid {
    gap: 28px;
}

.app-cases-section .case-item {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 14px rgba(0, 0, 0, 0.06);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.app-cases-section .case-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 26px rgba(0, 102, 204, 0.14);
}

/* 应用页响应式适配 */
@media (max-width: 768px) {
    .app-solution-content {
        gap: 28px;
    }

    .app-solution-text {
        padding: 24px 20px;
    }

    .app-solutions-section .solution-content {
        padding: 24px 20px;
    }

    .app-solutions-section .solution-image {
        min-height: 200px;
    }

    .app-fields-section .application-item,
    .app-mfg-section .manufacturing-application-item {
        padding: 28px 22px 24px;
    }
}

/* ========================================
   首页增强模块（数据亮点 / 应用领域入口 / 客户案例 / 客户反馈）20260919
   ======================================== */

/* 数据亮点条 */
.home-stats {
    padding: 48px 0 44px;
    background: linear-gradient(180deg, #eef5ff 0%, #ffffff 100%);
    border-bottom: 1px solid #eaf0f8;
}

.home-stats-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

.home-stat {
    position: relative;
    text-align: center;
    padding: 6px 10px;
}

.home-stat + .home-stat::before {
    content: '';
    position: absolute;
    left: -12px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 48px;
    background: linear-gradient(180deg, transparent, #d4e2f5, transparent);
}

.home-stat-value {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 5px;
    font-size: 2.3rem;
    font-weight: 800;
    line-height: 1.1;
    color: #0066CC;
    letter-spacing: -0.5px;
}

.home-stat-unit {
    font-size: 1rem;
    font-weight: 600;
    color: #0066CC;
}

.home-stat-label {
    margin-top: 8px;
    font-size: 0.95rem;
    color: #5a6878;
    letter-spacing: 0.5px;
}

/* 区块标题行（左标题 + 右侧“查看全部”） */
.section-head-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 20px;
    flex-wrap: wrap;
    margin-bottom: 44px;
}

.section-head-text {
    max-width: 760px;
}

.section-head-row .section-title,
.section-head-row .section-subtitle {
    text-align: left;
}

.section-head-row .section-title {
    margin-bottom: 10px;
}

.section-head-row .section-subtitle {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 1.7;
}

.section-more-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
    color: #0066CC;
    font-size: 0.95rem;
    font-weight: 600;
    text-decoration: none;
    padding: 8px 16px;
    border: 1px solid #c7ddf7;
    border-radius: 999px;
    background: #fff;
    transition: background 0.25s ease, color 0.25s ease, box-shadow 0.25s ease;
}

.section-more-link i {
    font-size: 0.85rem;
    transition: transform 0.25s ease;
}

.section-more-link:hover {
    background: #0066CC;
    color: #fff;
    border-color: #0066CC;
    box-shadow: 0 6px 16px rgba(0, 102, 204, 0.22);
}

.section-more-link:hover i {
    transform: translateX(4px);
}

/* 首页应用领域：整卡可点 */
.home-fields-section .application-item {
    display: block;
    text-decoration: none;
    color: inherit;
}

/* 首页客户案例：整卡可点 + 文字区内边距（应用页案例同样适用） */
.home-cases-section .case-item {
    display: block;
    text-decoration: none;
    color: inherit;
}

.app-cases-section .case-content {
    padding: 22px 24px 26px;
}

.app-cases-section .case-content h3 {
    font-size: 18px;
    color: #2c3e50;
    margin-bottom: 10px;
}

.app-cases-section .case-content p {
    font-size: 14px;
    color: #5a6878;
    line-height: 1.7;
}

/* 首页客户反馈：引号用文字字形（图标字体未收录 fa-quote-left） */
.home-feedback-section .feedback-quote {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 1;
    height: 30px;
}

@media (max-width: 992px) {
    .home-stat-value {
        font-size: 2rem;
    }
}

@media (max-width: 768px) {
    .home-stats {
        padding: 36px 0 32px;
    }

    .home-stats-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 28px 16px;
    }

    .home-stat + .home-stat::before {
        display: none;
    }

    .home-stat:nth-child(odd)::after {
        content: '';
        position: absolute;
        right: -8px;
        top: 50%;
        transform: translateY(-50%);
        width: 1px;
        height: 42px;
        background: linear-gradient(180deg, transparent, #d4e2f5, transparent);
    }

    .home-stat-value {
        font-size: 1.85rem;
    }

    .section-head-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 14px;
        margin-bottom: 30px;
    }
}

@media (max-width: 480px) {
    .home-stat-value {
        font-size: 1.6rem;
    }

    .home-stat-label {
        font-size: 0.85rem;
    }
}