:root {
            --primary-color: #8CAAF8;
            --primary-light: #E6EEFF;
            --primary-dark: #6B8EE6;
            --primary-gradient: linear-gradient(135deg, #8CAAF8 0%, #6B8EE6 100%);
            --navy-table: #1E2A44; 
            --text-dark: #1E2A44;
            --text-muted: #5B6E8C;
            --bg-color: #F7F9FD;
            --white: #FFFFFF;
            --border-color: #E2E8F0;
            --shadow-hover: 0 20px 40px -10px rgba(140, 170, 248, 0.4);
            --shadow-btn: 0 8px 25px -5px rgba(140, 170, 248, 0.6);
            --shadow-blue: rgba(140, 170, 248, 0.5);
        }  
         .md-banner-wrap{
    width: 1400px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 1.5rem;
    background: #fff;
    opacity: 1;
}
.md-banner-container{
    width:1400px;
    max-width:100%;
    margin:3rem 0 0 0;
    position:relative;
    border-radius:28px;
    overflow:hidden;
}
.md-banner-img{
    width:100%;
    height:auto;
    display:block;
}
.md-text-left{
    position:absolute;
    top:4%;
    left:8%;
}
.md-text-right{
    position:absolute;
    top:4%;
    right:3%;
    text-align:left;
}
.md-product-title{
    font-size:clamp(16px,2.2vw,26px);
    color: #333;
    font-weight:bold;
    margin:0;
    white-space:nowrap;
}
.md-product-power{
    font-size:clamp(12px,1.5vw,24px);
    color:#777;
    margin-top:4px;
    margin-bottom:0;
}
/* 平板手机适配 */
@media (max-width: 992px) {
    .md-product-title{
        white-space:normal;
    }
    .md-text-left{
        left:6%;
    }
    .md-text-right{
        right:4%;
    }
}
@media (max-width: 768px) {
    .md-text-left{
        top:5%;
        left:5%;
    }
    .md-text-right{
        top:5%;
        right:5%;
    }
    .md-product-title{
        font-size:clamp(14px,3vw,22px);
        white-space: normal; /* 允许换行 */
        max-width: 160px;  
        line-height: 1.4; 
        display: block; 
    }
    .md-product-power{
        font-size:clamp(11px,2vw,16px);
        font-weight: 500;
    }
}  
      .jjfa-container {
            width: 1400px;
            max-width: 100%;
            margin: 0 auto;
            padding: 0 1.5rem;
        }

        .jjfa-block-title { text-align: center; margin-bottom: 3.5rem; }
        .jjfa-block-title h2 {
            font-size: 2.4rem; font-weight: 800; color: var(--text-dark);
            margin-bottom: 0.8rem; letter-spacing: -0.02em;
        }
        .jjfa-block-title h2 span { color: var(--primary-dark); }
        
        .jjfa-btn {
            display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem;
            padding: 1rem 2.5rem; border-radius: 50px; font-size: 16px; font-weight: 700;letter-spacing: 2px;
            text-decoration: none; transition: all 0.3s ease; cursor: pointer;
            background: var(--primary-gradient); color: var(--white);
            box-shadow: var(--shadow-btn); border: none;
        }
        .jjfa-btn:hover {
            transform: translateY(-3px);
            box-shadow: 0 15px 30px -5px rgba(107, 142, 230, 0.8);
            background: linear-gradient(135deg, #6B8EE6 0%, #8CAAF8 100%);
            color: #fff;
        }
        
        /* ================= 1. 首屏介绍区域 ================= */
        .jjfa-hero-section {
            background: linear-gradient(180deg, #ffffff 0%, var(--bg-color) 100%);
            padding: 5rem 0;
        }
        .jjfa-hero-inner {
            display: flex; align-items: center; justify-content: space-between; gap: 4rem;
        }
        .jjfa-hero-text { flex: 1; max-width: 700px; text-align: left; }
        .jjfa-hero-title {
            font-size: clamp(2.2rem, 3.5vw, 3.5rem); font-weight: 800; line-height: 1.2;
            margin-bottom: 1.5rem; color: var(--text-dark);
        }
        .jjfa-hero-title span { color: var(--primary-dark); }
        .jjfa-hero-desc {
            font-size: 1.15rem; color: var(--text-muted); line-height: 1.8; margin-bottom: 2.5rem;
            text-align: justify;
        }
        .jjfa-hero-img { flex: 1; display: flex; justify-content: flex-end; }
        .jjfa-hero-img img {
            width: 100%; max-width: 600px; border-radius: 24px;
            box-shadow: 0 20px 50px -15px rgba(140, 170, 248, 0.3);
        }

        /* ================= 2. 方案特点 ================= */
        .jjfa-features-section { padding: 4rem 0 5rem; background: var(--white); }
        .jjfa-features-grid {
            display: grid; grid-template-columns: repeat(6, 1fr); gap: 1rem;
        }
        .jjfa-feature-card {
            padding: 2.5rem 1rem; background: var(--bg-color); border-radius: 20px;
            transition: all 0.3s ease; border: 1px solid transparent;
            display: flex; align-items: center; justify-content: center;
            text-align: center; cursor: default;
        }
        .jjfa-feature-card h3 { font-size: 20px;  margin: 0; color: var(--text-dark);letter-spacing:2px;font-weight:600}
        .jjfa-feature-card:hover {
            background: var(--white); transform: translateY(-5px);
            border-color: rgba(140, 170, 248, 0.4); box-shadow: 0 15px 30px -10px rgba(140, 170, 248, 0.15);
        }

        /* ================= 3. 应用场景 ================= */
        .jjfa-scenarios-section { padding: 5rem 0; background: var(--bg-color); }
        .jjfa-scenarios-grid {
            display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.5rem;
        }
        .jjfa-scenario-card {
            background: var(--white); border-radius: 20px; overflow: hidden;
            box-shadow: 0 8px 24px -8px rgba(30, 42, 68, 0.06); transition: all 0.3s ease;
            position: relative; display: flex; flex-direction: column;
        }
        .jjfa-scenario-card:hover { transform: translateY(-5px); box-shadow: var(--shadow-hover); }
        .jjfa-scenario-img { width: 100%; aspect-ratio: 4/3; overflow: hidden; position: relative;}
        .jjfa-scenario-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; }
        .jjfa-scenario-card:hover .jjfa-scenario-img img { transform: scale(1.08); }
        .jjfa-scenario-content { padding: 1.5rem; text-align: center; flex: 1; display: flex; flex-direction: column; justify-content: center;}
        .jjfa-scenario-content h3 { font-size: 1.15rem; font-weight: 700; margin: 0; }

        /* ================= 4. 核心产品展示 ================= */
        .jjfa-products-section { padding: 0rem auto; background: var(--white);  margin-top:3rem;margin-bottom:3rem}

        /* TAB 导航按钮 */
        .jjfa-product-tabs {
            display: flex;
            justify-content: center;
            gap: 1.2rem;
            margin-bottom: 2.8rem;
            flex-wrap: wrap;
        }
        .jjfa-tab-btn {
            background: var(--bg-color);
            border: 2px solid transparent;
            color: var(--text-dark);
            padding: 0.9rem 2rem;
            border-radius: 50px;
            font-size: 18px;
            font-weight: 700;
            cursor: pointer;
            transition: background 0.3s ease, color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease, border-color 0.3s ease;
            box-shadow: 0 4px 12px rgba(0,0,0,0.02);
            letter-spacing: 0.3px;
        }
        .jjfa-tab-btn:hover {
            background: var(--primary-light);
            color: var(--primary-dark);
            border-color: rgba(140, 170, 248, 0.4);
            transform: translateY(-2px);
        }
        .jjfa-tab-btn.active {
            background: var(--primary-gradient);
            color: var(--white);
            box-shadow: var(--shadow-btn);
            border-color: transparent;
            transform: translateY(-2px);
        }

        /* 产品面板容器（桌面端 tab 切换用） */
        .jjfa-product-panels {
            position: relative;
            min-height: 620px;
        }

        .jjfa-product-block {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.45s ease, visibility 0.45s ease;
            border-radius: 28px;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            min-height: 600px;
            pointer-events: none;
        }

        .jjfa-product-block.active {
            opacity: 1;
            visibility: visible;
            position: relative;
            pointer-events: auto;
            z-index: 2;
        }

        .jjfa-product-bg-img {
            position: absolute; inset: 0; width: 100%; height: 100%;
            object-fit: cover; z-index: 1;
        }

        .jjfa-product-content-layer {
            position: relative; z-index: 2; padding: 3.5rem 3.5rem 5rem 3.5rem;
            display: flex; flex-direction: column; justify-content: space-between;
            flex: 1; 
          background: linear-gradient(to right, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%);
        }

        .jjfa-product-title-area { display: flex; flex-direction: column; gap: 0.5rem; }
        .jjfa-product-title-area h3 { 
            font-size: 2.2rem; font-weight: 800; color: #FFFFFF; 
            margin: 0;
        }
        .jjfa-product-title-area h3 span { color: #fff;}
        
        .jjfa-product-power-list {
            font-size: 1.1rem; color: var(--text-dark);font-weight: 600;
            letter-spacing: 0.5px;
        }

        .jjfa-product-bottom-area {
            display: flex; justify-content: space-between; align-items: flex-end;
            gap: 2rem; margin-top: 1rem;
        }

        /* ===== 表格：电脑/平板 —— 主蓝半透明磨砂，白色字体/白色行分隔线，不加粗 ===== */
        .jjfa-spec-table {
            flex: 0 0 340px; border-collapse: collapse; width: 100%;
            background: rgba(255, 255, 255, 0.2);
            color: #FFFFFF;
            border: 1px solid rgba(140, 170, 248, 0.45);
            border-radius: 16px; overflow: hidden;
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
        }
        .jjfa-spec-table tr { border-bottom: 1px solid rgba(255, 255, 255, 0.6); }
        .jjfa-spec-table tr:last-child { border-bottom: none; }
        .jjfa-spec-table td { padding: 1rem 1.5rem; font-size: 0.95rem; font-weight: 400; }
        .jjfa-spec-table td:first-child { color: rgba(255, 255, 255, 0.8); width: 40%; font-weight: 400; }
        .jjfa-spec-table td:last-child { font-weight: 400; color: #FFFFFF; }

        /* ===== 功能标签：主蓝渐变，与表格同源 ===== */
        .jjfa-feature-badges {
            display: flex; flex-direction: column; gap: 0.8rem;
            max-width: 520px; align-items: flex-end;
        }
        .jjfa-feature-badges span {
            background: var(--primary-gradient);
            color: var(--white); padding: 1rem 1.5rem; border-radius: 8px;
            font-size: 1.1rem; 
            box-shadow: 0 8px 25px rgba(140, 170, 248, 0.45);
            display: flex; align-items: flex-start; gap: 0.8rem; line-height: 1.5;
            text-align: left;
            border: 1px solid rgba(255, 255, 255, 0.25);
        }
        .jjfa-feature-badges span::before {
            content: '✓'; font-weight: bold; font-size: 1.2rem; flex-shrink: 0;
        }

        /* ================= 5. 下载解决方案手册 ================= */
        .jjfa-download-section {
            padding: 0 0 5rem;
            background: var(--white);
        }
        .jjfa-download-card {
            background: #fff;
            border: 1px solid rgba(140, 170, 248, 0.4);
            border-radius: 28px;
            padding: 2.5rem 3.5rem;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 3rem;
            box-shadow: 0 20px 45px -15px rgba(140, 170, 248, 0.3);
            backdrop-filter: blur(8px);
            -webkit-backdrop-filter: blur(8px);
        }
        .jjfa-download-text { flex: 1; }
        .jjfa-download-text p {
            font-size: 16px;
            color: var(--text-muted);
            margin: 0;
            line-height: 1.7;
        }
        .jjfa-download-action {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 0.7rem;
            flex-shrink: 0;
        }
        .jjfa-download-btn { white-space: nowrap; }

        /* ================= 响应式适配 ================= */
        @media (max-width: 1300px) {
            .jjfa-features-grid { gap: 0.8rem; }
            .jjfa-feature-card h3 { font-size: 1.2rem; }
        }

        /* 平板端 */
        @media (max-width: 1024px) {
            .jjfa-hero-inner { flex-direction: column; gap: 2rem; text-align: center; }
            .jjfa-hero-text { max-width: 100%; text-align: center; }
            .jjfa-hero-desc { text-align: center; }
            .jjfa-hero-img { justify-content: center; }
            .jjfa-features-grid { grid-template-columns: repeat(3, 1fr); gap: 1rem; }
            .jjfa-scenarios-grid { grid-template-columns: repeat(2, 1fr); }
            .jjfa-product-panels { min-height: 680px; }
            /* 产品区 */
            .jjfa-products-section { padding: 2.5rem 0 ; }

            /* 平板端：Tab 一排展示 */
            .jjfa-product-tabs {
                flex-wrap: nowrap;
                gap: 0.8rem;
            }
            .jjfa-tab-btn {
                padding: 0.8rem 1.5rem;
                font-size: 1rem;
                flex: 1 1 auto;
                white-space: nowrap;
            }
        }

        /* 手机端：整体字号缩小，表格文字黑色且不加粗 */
        @media (max-width: 768px) {
            /* 全局标题缩小 */
            .jjfa-block-title { margin-bottom: 2.2rem; }
            .jjfa-block-title h2 { font-size: 1.4rem; }

            /* 首屏 */
            .jjfa-hero-section { padding: 2.5rem 0; }
            .jjfa-hero-title { font-size: 1.6rem; margin-bottom: 1rem; }
            .jjfa-hero-desc { font-size: 0.85rem; line-height: 1.65; margin-bottom: 1.5rem; }
            .jjfa-btn { padding: 0.75rem 1.6rem; font-size: 0.85rem; }

            /* 方案特点 */
            .jjfa-features-section { padding: 2rem 0 2.5rem; }
            .jjfa-features-grid { grid-template-columns: repeat(3, 1fr); gap: 0.6rem; }
            .jjfa-feature-card { padding: 1rem 0.4rem; border-radius: 10px; }
            .jjfa-feature-card h3 { font-size: 0.82rem; }

            /* 应用场景 */
            .jjfa-scenarios-section { padding: 2.5rem 0; }
            .jjfa-scenarios-grid { grid-template-columns: repeat(2, 1fr); gap: 0.75rem; }
            .jjfa-scenario-content { padding: 0.7rem; }
            .jjfa-scenario-content h3 { font-size: 0.8rem; }

            /* 产品区 */
            .jjfa-products-section { padding: 0.5rem 0 ; margin-bottom:1rem}

            /* 手机端：Tab 一排展示，按钮缩小 */
            .jjfa-product-tabs {
                flex-wrap: nowrap;
                gap: 0.35rem;
                margin-bottom: 1.4rem;
            }
            .jjfa-tab-btn {
                padding: 0.5rem 0.35rem;
                font-size: 0.68rem;
                flex: 1 1 0;
                white-space: nowrap;
                letter-spacing: 0;
                border-radius: 30px;
            }

            /* 手机端：产品区域只显示当前激活项，与 Tab 联动 */
            .jjfa-product-panels {
                position: relative;
                min-height: 0;
                display: block;
            }

            .jjfa-product-block {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                opacity: 0;
                visibility: hidden;
                pointer-events: none;
                min-height: auto;
                display: flex;
                flex-direction: column;
            }

            .jjfa-product-block.active {
                position: relative;
                opacity: 1;
                visibility: visible;
                pointer-events: auto;
                z-index: 2;
            }

            .jjfa-product-bg-img { position: relative; height: 160px; object-fit: cover; }
            .jjfa-product-content-layer { padding: 1rem 0; background: none; color: var(--text-dark); }
            
            .jjfa-product-title-area h3 { font-size: 1.05rem; color: var(--text-dark); text-shadow: none; }
            .jjfa-product-title-area h3 span { color: var(--text-dark); }
            
            .jjfa-product-power-list { color: var(--text-dark); text-shadow: none; font-size: 0.75rem; }

            .jjfa-product-bottom-area { flex-direction: column; align-items: stretch; gap: 1rem; margin-top: 1rem; }

            /* 手机端表格：主蓝半透明底 + 黑色字体 + 不加粗 */
            .jjfa-spec-table {
                flex: auto; width: 100%;
                background: #f2f2f2;
                color: #000000;
                border: 1px solid rgba(140, 170, 248, 0.45);
                backdrop-filter: blur(10px);
            }
            .jjfa-spec-table tr { border-bottom: 1px solid #fff; }
            .jjfa-spec-table td { padding: 0.55rem 0.9rem; font-size: 0.72rem; color: #000000; font-weight: 400; }
            .jjfa-spec-table td:first-child { color: #000000; font-weight: 400; }
            .jjfa-spec-table td:last-child { color: #000000; font-weight: 400; }

            .jjfa-feature-badges { max-width: 100%; align-items: stretch; gap: 0.5rem; }
            .jjfa-feature-badges span { font-size: 0.7rem; padding: 0.6rem 0.75rem; gap: 0.5rem; line-height: 1.45; }
            .jjfa-feature-badges span::before { font-size: 0.9rem; }

            /* 下载板块手机端 */
            .jjfa-download-section { padding: 0 0 2.5rem; }
            .jjfa-download-card {
                flex-direction: column;
                align-items: stretch;
                gap: 1.4rem;
                padding: 1.4rem;
                border-radius: 18px;
            }
            .jjfa-download-text p { font-size: 0.82rem; margin: 0; }
            .jjfa-download-action { align-items: stretch; }
            .jjfa-download-btn {
                padding: 0.7rem 1rem;
                font-size: 0.85rem;
                text-align: center;
            }
            
        }
.banner-image::before {
	position:absolute;
	content:"";
	width:100%;
	height:100%;
	left:0;
	top:0;
	background:-webkit-gradient(linear,left top,left bottom,color-stop(80%,transparent),to(rgba(0,0,0,.5)));
	background:-webkit-linear-gradient(top,transparent 80%,rgba(0,0,0,.8) 100%);
	background:-o-linear-gradient(top,transparent 80%,rgba(0,0,0,.8) 100%);
	background:linear-gradient(to bottom,transparent 20%,rgba(0,0,0,.8) 100%);
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-ms-transition:all 0.4s ease;
}
.banner-image img {
	width:100%;
	display:block;
	object-fit:cover;
	border-radius:0px;
}
:root {
	--primary-color:#93b3fc;
	--secondary-color:#e6f7ff;
	--text-color:#333;
	--card-hover:#f0f7ff;
	--border-radius:12px;
	--shadow:0 4px 12px rgba(0,0,0,0.08);
	--section-gap:0px;
	/* 统一栏目间距 */
      --mobile-padding:15px;
	/* 移动端左右间距 */
}
body {
	margin:0;
	padding:0;
	color:#333;
	line-height:1.6;
}
.container {
	max-width:1400px;
	margin:2rem auto;
	padding:0rem 1rem;

}
h2,h3 {
	margin:0;
	font-weight:600;
}
/* 主要内容布局 */
    .main-content {
	display:grid;
	grid-template-columns:2fr 3fr;
	gap:15px;
	margin-bottom:var(--section-gap);
	padding-top:4px;
}
.text-content,.image-container {
	background-color:white;
	padding:30px;
	border-radius:20px;
	box-shadow:0 10px 30px rgba(0,0,0,0.05);
	display:flex;
	flex-direction:column;
	height:100%;
	box-sizing:border-box;
}
.image-container {
	padding:0;
	overflow:hidden;
	min-height:400px;
}
img {
	width:100%;
	height:100%;
	object-fit:cover;
	border-radius:20px;
	transition:transform 0.5s ease;
}
img:hover {
	transform:scale(1.03);
}
p {
	line-height:1.8;
	margin-bottom:25px;
	color:#555;
	font-size:1.3rem
}
/* 功能特点区域 */
    .features {
	display:flex;
	flex-wrap:wrap;
	gap:15px;
	margin-top:20px;
	flex-grow:1;
	justify-content:center;
	/* 水平居中 */
}
.feature {
	background-color:#f5f7fa;
	color:#333;
	padding:20px 15px;
	border-radius:10px;
	box-shadow:0 3px 6px rgba(0,0,0,0.05);
	transition:all 0.3s ease;
	text-align:center;
	border:1px solid #eee;
	flex:1 0 calc(33.333% - 15px);
	min-width:140px;
	box-sizing:border-box;
	display:flex;
	/* 新增：使用flex布局 */
      flex-direction:column;
	/* 垂直排列 */
      justify-content:center;
	/* 垂直居中 */
      align-items:center;
	/* 水平居中 */
      min-height:100px;
	/* 确保最小高度 */
}
.feature:hover {
	box-shadow:0 6px 12px rgba(147,179,252,0.3);
	transform:translateY(-3px);
	border-color:#93b3fc;
	background-color:#f0f5ff;
}
.feature-title {
	color:#222;
	font-size:1.4rem;
	line-height:1.4;
	/* 优化行高 */
}
/* 章节样式 */
    .section {
	width:100%;
	margin-bottom:var(--section-gap);
	background-color:white;
	border-radius:var(--border-radius);
	box-shadow:var(--shadow);
	overflow:hidden;
	transition:transform 0.3s ease,box-shadow 0.3s ease;
}
.section:hover {
	transform:translateY(-5px);
	box-shadow:0 8px 24px rgba(0,0,0,0.12);
}
.section-header {
	background-color:var(--primary-color);
	color:white;
	padding:1.2rem 2rem;
	font-size:2.5rem;
	text-align:center;
}
.content-wrapper {
	padding:2rem;
}
.diagram {
	text-align:center;
	padding:10px 0;
}
.diagram img {
	max-width:100%;
	height:auto;
	border-radius:var(--border-radius);
	box-shadow:0 2px 8px rgba(0,0,0,0.08);
}
/* 应用场景网格 */
    .scenes-grid {
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:25px;
	grid-auto-flow:dense;
	padding:0;
	margin:0;
}
.scene-card {
	background-color:var(--secondary-color);
	border-radius:var(--border-radius);
	overflow:hidden;
	transition:all 0.3s ease;
	cursor:pointer;
	list-style:none;
	display:flex;
	flex-direction:column;
	height:100%;
}
.scene-card:hover {
	background-color:var(--card-hover);
	transform:translateY(-4px);
}
.scene-image {
	position:relative;
	width:100%;
	height:300px;
	overflow:hidden;
}
.scene-image img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
	transition:transform 0.5s ease;
}
.scene-card:hover img {
	transform:scale(1.03);
}
.scene-info {
	padding:1.2rem;
	text-align:center;
	flex-grow:1;
	display:flex;
	flex-direction:column;
	justify-content:center;
}
.scene-title {
	font-size:1.25rem;
	font-weight:600;
	color:var(--text-color);
}
/* 产品信息卡片 */
    .product-card {
	position:relative;
	margin-bottom:var(--section-gap);
}
.product-image {
	width:100%;
	height:auto;
	border-radius:20px;
	overflow:hidden;
}
.product-info {
	position:absolute;
	top:15%;
	left:5%;
	background-color:rgba(255,255,255,0.85);
	padding:25px;
	border-radius:15px;
	max-width:400px;
	box-shadow:0 4px 20px rgba(0,0,0,0.1);
}
.product-info h2 {
	font-size:1.75rem;
	margin-bottom:15px;
	color:#333;
}
/* 响应式表格 */
    .specs-table {
	width:100%;
	border-collapse:collapse;
}
.specs-table th,.specs-table td {
	padding:12px 15px;
	text-align:left;
	border-bottom:1px solid #e0e0e0;
}
.specs-table th {
	font-weight:600;
	color:#555;
	background-color:#f8f9fa;
}
/* 响应式调整 */
    @media (max-width:1200px) {
	.scenes-grid {
	grid-template-columns:repeat(2,1fr);
}
}@media (max-width:1024px) {
	.main-content {
	grid-template-columns:1fr;
}
.image-container {
	min-height:300px;
}
.product-info {
	position:static;
	max-width:100%;
	margin-top:20px;
}
}@media (max-width:768px) {
	:root {
	--section-gap:40px;
}
.main-content {
	padding-top:20px;
}
.features {
	gap:12px;
}
.feature {
	flex:1 0 calc(33.33% - 12px);
}
.scenes-grid {
	grid-template-columns: repeat(2, 1fr);
	gap:20px;
}
.section-header {
	font-size:2rem;
	padding:1rem 1.5rem;
}
.text-content  p {
	font-size:1.2rem;
	padding:1rem 0rem;
}
.content-wrapper {
	padding:1.5rem;
}
.scene-image {
	height:250px;
}
}@media (max-width:480px) {
	.feature {
	flex:1 0 33.333%;
	/* 一排显示一个 */
        min-height:80px;
	/* 减小移动端最小高度 */
}
.text-content,.image-container {
	padding:20px;
}
.product-info {
	padding:20px;
}
}
/*标题独立最外层，脱离图片背景容器*/
        .top-title{
            background-color:#ebf1f6;
            padding:16px 22px;
            max-width:1600px;
            margin:30px auto 0;
        }
        .main-title{
            font-size:34px;
        }
        .title-green{
            color:#38b558;
        }
        .title-gray{
            color:#444444;
        }
        .power-tip{
            font-size:22px;
            color:#888;
            margin-top:8px;
        }

        /*最外层img‑box背景容器（不再包含标题）*/
        .img-box{
            position:relative;
            max-width:1600px;
            margin:0 auto 30px;
        }
        .bg-img{
            width:100%;
            height:100%;
            object-fit:cover;
            display:block;
            border:none;
            border-radius: 0px;
        }
        .product-wrap{
            position:absolute;
            top:0;
            left:0;
            width:100%;
            height:100%;
            padding:30px;
        }
        .content-container{
            display:flex;
            flex-direction:row;
            align-items:center;
            gap:30px;
            height:calc(100% - 20px);
        }
        .param-table{
            background-color:#73a2a7;
            color:#fff;
            border-collapse:collapse;
            min-width:290px;
        }
        .param-table td{
            border:1px solid #ffffff66;
            padding:14px 18px;
            font-size:17px;
        }
        .green-note{
            position:absolute;
            right:30px;
            bottom:30px;
            display:flex;
            flex-direction:column;
            gap:12px;
        }
        .green-note>div{
            background-color:#43bd63;
            color:#ffffff;
            padding:10px 16px;
            font-size:16px;
        }

        /*移动端平板 768px以下布局切换*/
        @media screen and (max-width:768px){
            .top-title{
                margin:20px 10px 0;
            }
            .main-title{
                font-size:24px;
            }
            .power-tip{
                font-size:17px;
            }
            .img-box{
                position:static;
                margin:16px 10px 20px;
                border:none;
                border-radius: 0px;
            }
            .bg-img{
                width:100%;
                height:auto;
            }
            .product-wrap{
                position:static;
                width:100%;
                height:auto;
                padding:0;
            }
            .content-container{
                flex-direction:column;
                height:auto;
            }
            .green-note{
                position:static;
                margin-top:16px;
                width:100%;
            }
            .param-table{
                width:100%;
                margin-top:20px;
            }
        }