/* 基础重置 */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
            background: #fff;
            color: #333;
        }

        /* 页面容器 */
        .mobile-container {
            max-width: 750px;
            margin: 0 auto;
            padding: 0 15px;
        }

        /* 面包屑导航 */
        .breadcrumb {
            padding: 12px 0;
            font-size: 12px;
            color: #666;
        }
/* 移动端产品图容器 */
.mobile-product-gallery {
    position: relative;
    margin: 10px 0;
}


/* 橙色分页器 */
.swiper-pagination-bullet {
    background: #ccc!important;
    opacity: 1!important;
}
.swiper-pagination-bullet-active {
    background: #FFA500!important; /* 橙色 */
}
.swiper-container {
    height: 220px; /* 缩短图片容器高度 */
    margin-bottom: 5px; /* 减少底部间距 */
}
/* 优化分页器定位 */
.swiper-pagination {
    bottom: 8px !important; /* 提升分页器位置 */
    position: absolute; /* 绝对定位 */
    z-index: 10;
}

/* 加大分页点尺寸 */
.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    margin: 0 5px !important;
    background: #ddd !important;
}

.swiper-pagination-bullet-active {
    background: #FFA500 !important; /* 橙色激活状态 */
    transform: scale(1.2);
    transition: all 0.3s;
}

/* 按钮悬停效果增强 */
.primary-btn:hover, 
.secondary-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 3px 8px rgba(0,0,0,0.2);
}
.product-image {
    height: 200px; /* 调整实际图片显示高度 */
    background-size: cover; /* 保持图片填充 */
}
/* 主图轮播 */
.main-carousel {
    height: 220px;
    overflow: hidden;
    border-radius: 8px;
}

.carousel-item {
    height: 220px;
    padding: 0 0px; /* 两侧留白 */
}

.product-image {
     height: 220px;
    background-size: contain!important;
    background-repeat: no-repeat!important;
    background-position: center!important;
    border-radius: 8px;
}

/* 缩略图指示器 */
.thumbnail-indicator {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 15px;
}

.indicator-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ddd;
    cursor: pointer;
    transition: all 0.3s;
}

.indicator-dot.active {
    background: #1A73E8;
    transform: scale(1.2);
}
        /* 产品信息 */
        .product-info {
            padding: 15px 0;
        }

        .product-title {
            font-size: 24px;
            color: #1A73E8;
            margin-bottom: 12px;
        }
       /* 产品简介容器 */
        .product-description {
            font-size: 14px;
            line-height: 1.6;
            color: #666;
            margin-bottom: 20px;
        }

        /* 按钮组 */
        .action-buttons {
            display: flex;
            gap: 15px;
            margin: 20px 0;
        }

        .primary-btn {
            flex: 1;
            background: #1A73E8;
            color: white;
            padding: 12px;
            border: none;
            border-radius: 25px;
            font-size: 16px;
        }

        .secondary-btn {
            flex: 1;
            background: transparent;
            border: 1px solid #1A73E8;
            color: #1A73E8;
            padding: 12px;
            border-radius: 25px;
            font-size: 16px;
        }
/* 产品详情分割字样 */
        .scenario-title {
    width: 100%;
    margin: 0px 0;
    padding: 16px 20px;
    background: white;
    border-left: 4px solid #1A73E8;  /* 左侧色条 */
    border-radius: 0 4px 4px 0;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
    
    /* 文字样式 */
    font-size: 16px;
    color: #1A73E8;
    font-weight: 500;
    line-height: 1.5;
}

/* 移动端适配 */
@media (max-width: 480px) {
    .scenario-title {
        padding: 12px 16px;
        border-left-width: 3px;
    }
}
        /* 内容容器 */
        .application-scenarios {
            margin: 0px 0px;
            padding: 15px;
            background: #F8F9FA;
            border-radius: 8px;
             word-wrap: break-word;       /* 兼容旧浏览器 */
    overflow-wrap: break-word;   /* 标准属性 */
    white-space: normal;         /* 允许正常换行 */
}
/* 内容样式 */
        .scenario-list, .list-paddingleft-2 {
            list-style: none;
            font-family: "微软雅黑", Microsoft YaHei; /* 统一字体 */
             word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
        }

        .scenario-item {
            padding: 8px 0;
            font-size: 14px;
            color: #666;
        }
        
 /* 产品特点卡片 *//* 产品特点卡片 *//* 产品特点卡片 *//* 产品特点卡片 */
* 以下是产品特点模块 *//* 以下是产品特点模块 */
/* 主容器样式 */
.features-container {
    max-width: 1200px;
    margin: 3rem auto;
    padding: 2rem;
    background-color: #f8f9fa;
}

/* 网格布局优化 */
.features-grid {
  display: grid;
    max-width: 1240px; /* (280 * 4)+(20 * 3)=1180 → 保留安全边距 */
justify-content: end;
    justify-items: center;
}

/* 卡片布局调整 */
.feature-card {
    min-height: 160px;
    padding: 10px;
    background: white;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    margin: 5px;
    transition: all 0.3s ease;
    display: block; /* 改为块级布局*/
}

/* 标题行优化 */
.feature-header {
    display: flex;
    align-items: center;
    margin-bottom: 15px; /* 增大下间距*/
    position: relative;
    padding-left: 38px; /* 给图标预留空间*/
    transform: translateX(12px); /* 微调整体位置 */
}

/* 图标定位调整 */
.feature-icon {
    position: absolute; /* 绝对定位*/
    left: 0;
    font-size: 28px; /* 匹配图片尺寸*/
    color: #FF6B00;
    width: 30px;
    height: 30px;
    margin-right: 15px;
    flex-shrink: 0;
}

/* 标题装饰线 */
.feature-header h3 {
    margin: 0;
    line-height: 1.3;
    color: #333;
    font-size: 14px;
    position: relative;
    padding-left: 14px; /* 装饰线空间*/
    left: -4px; /* 补偿盾牌图标的视觉重量 */
}

.feature-title::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 18px;
    background: #FF6B00; /* 橙色装饰线*/
}

/* 内容优化 */
.feature-content p {
    margin: 0;
    color: #666;
    font-size: 11px;
    line-height: 1.6;
    text-align: justify; /* 两端对齐*/
    hyphens: auto; /*自动换行*/
}

/* 悬停效果优化 */
.feature-card:hover {
    transform: translateY(-3px); /* 微调浮动幅度*/
    box-shadow: 0 8px 20px rgba(255,107,0,0.12); /* 橙色系阴影*/
    background: #FFF9F5;
}
/* 响应式处理 */
@media (max-width: 768px) {
    .features-grid {
        grid-template-columns: repeat(2, calc(50% - 2px));
    }
}
@media (max-width: 320px) {
    .features-grid {
      grid-template-columns: 100%; /* 单列取消间距计算 */
    }
}

.full-width-bg {
    width: 100%;
    background-color: #f8f9fa;
    padding: 2rem 0;
}