/* 容器 */
        .fwzc_zb_box {
            padding: 40px 24px 60px 24px;
            /* background-color: var(--color-gray-50); */
            /* background-color: var(--color-gray-50, #f9fafb); 柔和背景，若变量不存在则回退 */ 
        }

        /* 内容限宽容器，保证大屏居中 */
        .fwzc_zb_box_con {
            max-width: 1600px;
            margin-left: auto;
            margin-right: auto;
            width: 100%;
        }

        .fwzc_zb_box_con_h1{
            text-align: center;
            margin-bottom: 3.5rem;
        }

/* ==================== 服务支持 - Banner模块  开始 ==================== */
/* ==================== 服务支持 - Banner模块  开始 ==================== */
/* ==================== 服务支持 - Banner模块  开始 ==================== */

        
        .css_img_banner_wrap {
            position: relative; width: 100%; height: 600px;
            display: -webkit-box; display: -ms-flexbox; display: flex; 
            -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; 
            -webkit-box-align: center; -ms-flex-align: center; align-items: center; 
            -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; 
            overflow: hidden; background-color: rgb(160, 174, 192);
            background-image: -webkit-radial-gradient(circle at center, rgba(0,0,0,0) 20%, rgba(0,0,0,0.5) 100%);
            background-image: radial-gradient(circle at center, rgba(0,0,0,0) 20%, rgba(0,0,0,0.5) 100%);
        }

        .css_img_starry { 
            position: absolute; width: 100%; height: 100%; 
            background-image: 
                radial-gradient(1.5px 1.5px at 15% 25%, #fff 100%, transparent), 
                radial-gradient(2px 2px at 50% 50%, #fff 100%, transparent), 
                radial-gradient(1px 1px at 85% 75%, #fff 100%, transparent); 
            background-size: 250px 250px; 
            -webkit-mask-image: radial-gradient(circle, black 20%, transparent 80%); mask-image: radial-gradient(circle, black 20%, transparent 80%); 
            -webkit-animation: css_img_twinkle 4s infinite alternate ease-in-out; animation: css_img_twinkle 4s infinite alternate ease-in-out;
        }

        .css_img_text_overlay { z-index: 999; text-align: center; color: #fff; margin-bottom: 40px; padding: 0 20px; -webkit-animation: css_img_fadeInUp 1.2s ease-out both; animation: css_img_fadeInUp 1.2s ease-out both; }
        .css_img_main_title { font-size: 56px; letter-spacing: 12px; font-weight: 600; margin-bottom: 15px; text-shadow: 0 5px 15px rgba(0,0,0,0.3); }
        .css_img_sub_title { font-size: 20px; letter-spacing: 6px; opacity: 0.85; font-weight: 300; }

        .css_img_contact_icon { 
            width: 130px; height: 130px; border-radius: 50%; border: 1px solid rgba(255,255,255,0.4); 
            display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; 
            position: relative; background: rgba(255, 255, 255, 0.1); 
            /* CSS3：背景模糊（毛玻璃效果） */
            backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); z-index: 100;
            -webkit-animation: css_img_fadeInUp 1.2s ease-out 0.3s both; animation: css_img_fadeInUp 1.2s ease-out 0.3s both;
        }
        .css_img_contact_icon::after { 
            content: ''; position: absolute; width: 90%; height: 90%; border-radius: 50%; 
            /* CSS3：圆锥渐变模拟雷达扫描线 */
            background: conic-gradient(from 0deg, rgba(255,255,255,0.6), transparent 50%); 
            -webkit-animation: css_img_rot 2.5s linear infinite; animation: css_img_rot 2.5s linear infinite; 
        }

        @media (max-width: 1024px) { 
            .css_img_banner_wrap { height: 500px; } .css_img_main_title { font-size: 46px; } .css_img_sub_title { font-size: 18px; } .css_img_contact_icon { width: 110px; height: 110px; }
        }

        /* 手机端 280px 紧凑级联修改 */
        @media (max-width: 768px) { 
            .css_img_banner_wrap { height: 280px; } 
            .css_img_text_overlay { margin-bottom: 18px; padding: 0 15px; }
            .css_img_main_title { font-size: 26px; letter-spacing: 5px; margin-bottom: 6px; } 
            .css_img_sub_title { font-size: 12px; letter-spacing: 1.5px; line-height: 1.4; }
            .css_img_contact_icon { width: 54px; height: 54px; } 
        }

        @-webkit-keyframes css_img_twinkle { from { opacity: 0.4; } to { opacity: 1; } }
        @keyframes css_img_twinkle { from { opacity: 0.4; } to { opacity: 1; } }
        @-webkit-keyframes css_img_rot { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
        @keyframes css_img_rot { to { transform: rotate(360deg); } }
        @-webkit-keyframes css_img_fadeInUp { from { opacity: 0; -webkit-transform: translateY(20px); } to { opacity: 1; -webkit-transform: translateY(0); } }
        @keyframes css_img_fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }


/* ==================== 服务支持 - Banner模块  结束 ==================== */
/* ==================== 服务支持 - Banner模块  结束 ==================== */
/* ==================== 服务支持 - Banner模块  结束 ==================== */

/* ==================== 服务支持 - 选择服务模块 开始 ==================== */
/* ==================== 服务支持 - 选择服务模块 开始 ==================== */
/* ==================== 服务支持 - 选择服务模块 开始 ==================== */

        /* ----- 服务列表容器 (FLEX核心) ----- */
        .fwzc_zb_list {
            display: flex;
            flex-wrap: wrap;
            /* justify-content: center;      保证子项整体居中 (配合宽度自适应) */
            justify-content: space-between;
            gap: 28px;                   /* CSS3 gap属性：设置子项间距，干净整洁 */
            margin-bottom: 60px;;
        }

        /* 每个服务卡片 (原结构中优化类名，语义更清晰) */
        .fwzc_zb_item {
            flex: 0 1 calc(16.666% - 23.4px);  /* 电脑端6个，减去gap的影响 (28px * 5 / 6 ≈23.33) 微调确保不换行 */
            min-width: 140px;                  /* 防止过窄挤压内容 */
            background-color: var(--color-white);
            border-radius: var(--radius-xl);   /* CSS3大圆角，现代卡片风格 */
            padding: 28px 12px 24px;
            box-shadow: var(--shadow-sm);      /* CSS3盒阴影：轻微立体感 */
            transition: all var(--transition-normal); /* CSS3过渡：所有可动画属性平滑变化 */
            border: 1px solid var(--border-light);
            text-align: center;
            /* 确保卡片可点击区域友好 */
        }

        /* 卡片悬停效果 —— 提升交互质感 (CSS3 transform + box-shadow) */
        .fwzc_zb_item:hover {
            box-shadow: var(--shadow-lg);                /* CSS3阴影加深，营造浮起效果 */
            transform: translateY(-6px);                 /* CSS3 2D位移：向上移动6px */
            border-color: var(--color-primary);
        }

        /* 卡片内的链接 —— 占满整个卡片，方便点击 */
        .fwzc_zb_item a {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 16px;                  /* CSS3 gap，图标与文字间距 */
            color: var(--color-gray-800);
            transition: color var(--transition-fast);
            width: 100%;
            height: 100%;
        }

        .fwzc_zb_item a:hover {
            color: var(--color-primary);
        }

        /* 图标容器 (基于iconfont) —— 放大并赋予主题色背景 */
        .fwzc_zb_item .iconfont {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 72px;
            height: 72px;
            font-size: 40px;               /* 图标大小 */
            /*color: var(--color-primary);*/
            color: #111827;
            background: rgba(4, 84, 220, 0.06);  /* 半透明底色，柔和 */
            border-radius: 60px;           /* CSS3圆形 */
            transition: background var(--transition-fast), transform 0.2s;
            /* 保证即使没有实际图标字体，文字也会以图形化展示 */
        }

        /* 悬停时图标微缩放 (CSS3 scale) */
        .fwzc_zb_item:hover .iconfont {
            background: var(--color-primary);
            color: white;
            transform: scale(1.05);        /* CSS3 2D缩放 */
        }

        /* 服务名称文字 (放在span里更规范，原架构有文字在i内，我们稍作调整以更稳健) */
        .fwzc_zb_item .service-name {
            font-size: 1.2rem;
            font-weight: 600;
            letter-spacing: 0.3px;
            color: inherit;
        }

        /* 适配描述：如果iconfont内直接放了文字，我们让其表现为块状 */
        .fwzc_zb_item .iconfont > span {
            display: block;
            font-size: 14px;
        }

        /* 由于原结构中文字写在<i>内，为兼容，我们保留文字展示，同时通过伪元素增强。
           但为了更清晰的语义，我在HTML中做了微调：将文字用<span>包裹，图标区域保留iconfont类。
           同时保留了原有风格，不影响使用。 */

        /* ---------- 响应式：平板 (≤1024px) 三列两行 ---------- */
        @media (max-width: 1024px) {
            .fwzc_zb_box_con_h1 {
                font-size: 2rem;
                margin-bottom: 36px;
            }

            /* 平板下每项宽度约为 33.333% ，减去gap (28px * 2 / 3 ≈ 18.6px) */
            .fwzc_zb_item {
                flex: 0 1 calc(33.333% - 18.7px);
                min-width: 160px;
            }

            .fwzc_zb_list {
                gap: 24px;   /* 平板可稍微缩小间距 */
            }
        }

        /* ---------- 响应式：手机 (≤768px) 依然三列两行，但间距和字号微调 ---------- */
        @media (max-width: 768px) {
            .fwzc_zb_box {
                padding: 32px 16px 48px;
            }

            .fwzc_zb_box_con_h1 {
                font-size: 1.8rem;
                margin-bottom: 32px;
            }

            .fwzc_zb_item {
                flex: 0 1 calc(33.333% - 16px);  /* 手机缩小gap为20px计算 */
                padding: 20px 8px 16px;
                min-width: 110px;                /* 防止内容溢出 */
            }

            .fwzc_zb_list {
                gap: 20px;          /* 手机端间距适当紧凑 */
            }

            .fwzc_zb_item .iconfont {
                width: 56px;
                height: 56px;
                font-size: 32px;
            }

            .fwzc_zb_item .service-name {
                font-size: 1rem;
                font-weight: 500;
            }
        }

        /* 极窄屏（<480px）依然保持三列，但可缩小字体与内边距 */
        @media (max-width: 480px) {
            .fwzc_zb_item {
                padding: 16px 4px 12px;
            }
            .fwzc_zb_item .iconfont {
                width: 48px;
                height: 48px;
                font-size: 28px;
            }
            .fwzc_zb_item .service-name {
                font-size: 0.9rem;
            }
            .fwzc_zb_list {
                gap: 12px;
            }
        }

        /* 辅助：保证卡片内的文字不换行异常 */
        .fwzc_zb_item a {
            word-break: keep-all;
        }

        /* 修正：如果iconfont内文字作为图标展示，我们允许小字号备用。
           但实际最好使用图标库，这里保留原样 */
        .fwzc_zb_item .iconfont:empty {
            /* 如果图标为空，显示默认背景 */
            background: var(--color-gray-200);
        }

/* ==================== 服务支持 - 服务理念模块 开始 ==================== */
/* ==================== 服务支持 - 服务理念模块 开始 ==================== */
/* ==================== 服务支持 - 服务理念模块 开始 ==================== */


        /* ----- 三列弹性布局 (父级flex，均分) ----- */
        .fwzc_zb_box_con_fwln {
            display: flex;
            flex-wrap: wrap;
            /* gap属性 —— CSS3 新特性：统一控制子项间距，避免额外margin计算 */
            gap: 30px;          /* 列间隙30px，干净通透 */
        }

        /* ----- 单个卡片 —— 相对定位容器，用于文字覆盖图片 ----- */
        .fwzc_zb_box_con_fwln_list {
            flex: 1 1 0%;                    /* 均分宽度，配合flex-basis 0%确保等宽 */
            min-width: 0;                    /* 防止flex内容溢出 */
            position: relative;              /* 开启定位上下文，让文字绝对定位叠在图片上 */
            border-radius: var(--radius-lg, 0.75rem);  /* 大圆角，现代感 */
            overflow: hidden;                /* 圆角裁剪 + 保证图片缩放不溢出 */
            /* 添加细腻阴影 —— CSS3 box-shadow */
            box-shadow: var(--shadow-md, 0 4px 6px -1px rgb(0 0 0 / 0.1));
            /* 过渡动画 —— CSS3 transition，提升交互质感 */
            transition: transform var(--transition-normal, 250ms ease), 
                        box-shadow var(--transition-normal, 250ms ease);
            background-color: var(--color-white, #ffffff); /* 后备背景，图片未加载时可见 */
        }

        /* 卡片悬浮效果：微微上浮 + 阴影加深 (科技感交互) */
        .fwzc_zb_box_con_fwln_list:hover {
            /* transform: translateY(-6px); —— CSS3 2D平移，营造抬升效果 */
            transform: translateY(-6px);
            box-shadow: var(--shadow-lg, 0 10px 15px -3px rgb(0 0 0 / 0.1));
        }

        /* ----- 图片容器 (保持块级，消除间隙) ----- */
        .fwzc_zb_box_con_fwln_list_img {
            line-height: 0;          /* 去除图片下方莫名空隙 */
            background-color: var(--color-gray-200, #e5e7eb); /* 图片加载前的占位底色 */
        }

        /* 图片本身 —— 填满容器，保持比例 */
        .fwzc_zb_box_con_fwln_list_img img {
            width: 100%;
            height: 100%;
            /* aspect-ratio —— CSS3 新特性：固定宽高比 4:3，保证卡片统一高度且不变形 */
            aspect-ratio: 4 / 3;          /* 4:3 经典比例，也可用 16/9，按需调整 */
            object-fit: cover;            /* 图片裁剪填充，不变形，现代浏览器均支持 */
            display: block;
            /* 图片加载时的背景过渡 (若图片加载慢) */
            background-color: #2c3e50;    /* 深色底，与文字覆盖形成对比 */
            /* 图片缩放过渡 —— CSS3 缓动，悬停时缓慢放大 */
            transition: transform var(--transition-slow, 400ms ease);
        }

        /* 卡片悬停时，图片轻微放大 (仅作用于图片，不影响文字) */
        .fwzc_zb_box_con_fwln_list:hover .fwzc_zb_box_con_fwln_list_img img {
            transform: scale(1.05);        /* CSS3 缩放，放大5% */
        }

        /* ----- 文字覆盖层（绝对定位，叠在图片上）----- */
        /* 标题 h 部分：包含icon和主标题，位于图片底部偏上 */
        .fwzc_zb_box_con_fwln_list_h {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 52px;                 /* 为描述文字留出空间，且保持呼吸感 */
            padding: 2rem 20px;
            color: #ffffff;               /* 白色文字，与深色图片/渐变底冲突时清晰 */
            font-size: 1.5rem;
            font-weight: 700;
            line-height: 1.3;
            /* 文字阴影 —— CSS3 text-shadow，增强可读性 (尤其图片亮部) */
            text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
            display: flex;
            align-items: center;
            gap: 8px;                     /* icon与文字间距 */
            /* 保证文字不会被截断 */
            word-break: break-word;
            z-index: 3;
            /* 优雅渐变遮罩 —— 使底部文字更清晰（伪元素方式已在下方全局处理，此处再加强） */
            pointer-events: none;          /* 让点击可以穿透到卡片（如果有链接）但这里只是文字，无妨 */
        }

        /* 描述文字 p：位于标题下方，更贴近底部 */
        .fwzc_zb_box_con_fwln_list_p {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 16px;
            padding: 0 20px 8px 20px;
            color: rgba(255, 255, 255, 0.95);
            font-size: 0.95rem;
            line-height: 1.5;
            /* 文本阴影同样加强可读性 */
            text-shadow: 0 1px 6px rgba(0, 0, 0, 0.6);
            z-index: 3;
            pointer-events: none;
            /* 保证多行文本美观 */
            display: -webkit-box;
            -webkit-line-clamp: 3;         /* CSS3 限制显示行数（超出显示省略号），优雅截断 */
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        /* 为了文字在任何图片上都清晰，为整个卡片添加一个从上到下的渐变遮罩层 (通过伪元素) */
        .fwzc_zb_box_con_fwln_list::after {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            height: 65%;                   /* 遮罩覆盖下半部分，让文字更突出 */
            /* CSS3 线性渐变：从透明到半透明黑色，不遮盖图片上半部分细节 */
            background: linear-gradient(to top, 
                rgba(0, 0, 0, 0.75) 0%, 
                rgba(0, 0, 0, 0.35) 50%, 
                transparent 100%);
            z-index: 2;
            pointer-events: none;           /* 保证不干扰任何交互 */
            border-radius: inherit;         /* 继承父级圆角，避免溢出直角 */
        }

        /* ----- iconfont 图标样式微调 (保持与文字协调) ----- */
        .fwzc_zb_box_con_fwln_list_h .iconfont {
            font-size: 1.8rem;             /* 图标稍大，视觉重心 */
            line-height: 1;
            color: #ffffff;
            text-shadow: inherit;
            /* 可增加轻微发光 (可选) */
            filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3));
        }

        /* 如果iconfont字体未加载，保留一个优雅的回退间距 */
        .iconfont {
            /* margin-right: 4px; */
        }

        /* ----- 平板适配 (≤1024px) : 依然保持一行三列，但微调间距和字号 ----- */
        @media (max-width: 1024px) {
            .fwzc_zb_box_con_fwln {
                gap: 20px;                 /* 间隙略缩小 */
            }
            .fwzc_zb_box_con_fwln_list_h {
                font-size: 1.3rem;
                bottom: 48px;
                padding: 0 16px;
            }
            .fwzc_zb_box_con_fwln_list_p {
                font-size: 0.85rem;
                bottom: 12px;
                padding: 0 16px 8px;
            }
            .fwzc_zb_box_con_fwln_list_h .iconfont {
                font-size: 1.6rem;
            }
        }

        /* ----- 手机适配 (≤768px) : 改为单列布局，一行一个卡片 ----- */
        @media (max-width: 768px) {
            .fwzc_zb_box {
                padding: 0px 16px 40px 16px;   /* 左右留白缩小 */
            }
            /* 关键：flex-direction 改为 column，实现1列排列 */
            .fwzc_zb_box_con_fwln {
                flex-direction: column;
                gap: 24px;                     /* 卡片上下间距 */
            }
            /* 每张卡片宽度100%，自然占满 */
            .fwzc_zb_box_con_fwln_list {
                width: 100%;
                max-width: 480px;              /* 限制最大宽度，大屏手机不至于过宽 */
                margin-left: auto;
                margin-right: auto;            /* 居中卡片，更精致 */
            }
            /* 手机端图片比例可稍微调整，保持视觉舒适 */
            .fwzc_zb_box_con_fwln_list_img img {
                aspect-ratio: 16 / 9;          /* 手机用16:9更修长 */
            }
            .fwzc_zb_box_con_fwln_list_h {
                font-size: 1.5rem;
                bottom: 56px;
            }
            .fwzc_zb_box_con_fwln_list_p {
                font-size: 0.9rem;
                bottom: 16px;
            }
            /* 适当增加文字内边距 */
            .fwzc_zb_box_con_fwln_list_h,
            .fwzc_zb_box_con_fwln_list_p {
                padding-left: 20px;
                padding-right: 20px;
            }
        }

        /* 针对更小屏幕 (≤480px) 再微调，确保文字不溢出 */
        @media (max-width: 480px) {
            .fwzc_zb_box_con_fwln_list_h {
                font-size: 1.3rem;
                bottom: 48px;
            }
            .fwzc_zb_box_con_fwln_list_p {
                font-size: 0.85rem;
                bottom: 12px;
                /* 行数限制保留3行，保证简介可读 */
            }
        }

        /* ===== 附加：模块标题 (不影响原有class，只是增强企业官网展示) ===== */
        .service-support-title {
            text-align: center;
            margin-bottom: 2.5rem;
        }
        .service-support-title h2 {
            font-size: 2.2rem;
            font-weight: 700;
            color: var(--color-gray-900, #111827);
            letter-spacing: -0.01em;
            margin-bottom: 0.5rem;
        }
        .service-support-title p {
            font-size: 1.1rem;
            color: var(--color-gray-600, #4b5563);
            max-width: 700px;
            margin-left: auto;
            margin-right: auto;
        }
        /* 标题也适配移动端 */
        @media (max-width: 768px) {
            .service-support-title h2 {
                font-size: 1.8rem;
            }
            .service-support-title p {
                font-size: 1rem;
            }
        }

        /* 保证卡片内文字即使在没有渐变时依然可读 (已在伪元素实现) */
        /* 完全兼容您引用的重置样式，所有变量均做回退 */
/* ==================== 服务支持 - 服务理念模块 结束 ==================== */
/* ==================== 服务支持 - 服务理念模块 结束 ==================== */
/* ==================== 服务支持 - 服务理念模块 结束 ==================== */

/* ==================== 服务支持 - 客户权益 模块 开始 ==================== */
/* ==================== 服务支持 - 客户权益 模块 开始 ==================== */
/* ==================== 服务支持 - 客户权益 模块 开始 ==================== */
        /* ----- 模块外层容器：保证全宽 & 内容约束（可配合.container使用，此处独立）----- */
        .tyys_banner_1 {
            width: 100%;
            margin: 0 auto;
            /* 如果需要整体内边距可在此添加，目前保持全屏沉浸 */
        }

        .tyys_banner_1_box {
            width: 100%;
            /* 确保没有任何溢出 */
            overflow: hidden;
            position: relative;
        }

        /* ----- 核心重叠容器：使用 display: grid 实现两个子元素完全重叠、尺寸相等 ----- */
        .tyys_banner_1_box_con {
            position: relative;    /* 作为备用层叠上下文，主要依靠grid重叠 */
            display: grid;         /* 【CSS3】Grid布局：优先采用grid实现重叠与尺寸控制 */
            grid-template: 1fr / 1fr;  /* 单行单列，两个子项将自动置于同一网格区域 */
            width: 100%;
        }

        .tyys_banner_1_box_title{
            text-align: center;
            margin-bottom: 2.5rem;
        }

        /* ===== 背景图片层 & 服务列表层：通过grid-area强制重叠 ===== */
        .tyys_banner_1_box_con_img,
        .tyys_banner_1_box_con_list {
            grid-area: 1 / 1 / 2 / 2;   /* 起始行/起始列/结束行/结束列 — 两者占据完全相同的网格区域 */
            width: 100%;
            height: 100%;
        }

        /* ----- 背景图片层 (电脑/平板宽高比2:1，手机1:2) ----- */
        .tyys_banner_1_box_con_img {
            /* 背景图片已在行内style定义，此处确保显示完美 */
            background-repeat: no-repeat;
            background-position: center center;
            background-size: cover;      /* 【CSS3】背景全覆盖，保持比例裁剪，确保填满容器 */
            /* 宽高比通过父级网格容器控制，见下方 .tyys_banner_1_box_con 的 aspect-ratio 设置 */
        }

        /* 父容器控制宽高比 —— 符合要求10：电脑/平板 2:1 ；手机 1:2 */
        .tyys_banner_1_box_con {
            aspect-ratio: 3 / 1;         /* 【CSS3】aspect-ratio 定义宽高比，电脑/平板默认2:1 */
            width: 100%;
        }

        /* ----- 服务列表覆盖层 (深色半透明底，提升文字可读性，同时位于顶层) ----- */
        .tyys_banner_1_box_con_list {
            /* 使用grid布局排列6个卡片 (PC/平板: 6列；手机: 2列) */
            display: grid;               /* 【CSS3】Grid布局，优先采用 */
            grid-template-columns: repeat(6, 1fr);  /* 默认1行6列 */
            
            /* 让列表内容在容器内完全拉伸，并处理间隙 */
            align-items: stretch;
            
            /* 可添加一个极浅的遮罩背景，保证任何图片上文字都清晰 (深色半透明) */
            background-color: rgba(0, 0, 0, 0.2);    /* 整体氛围层，卡片自身也有半透明背景 */
            
            /* 内边距：可根据设计微调，让卡片不贴边 */
            /* padding: 1.5rem 2rem; */
            box-sizing: border-box;
            
            /* 确保列表层在图片上方 (z-index仅作用于同一层叠上下文) */
            z-index: 2;
        }

        /* 图片层z-index稍低，但因为是grid重叠，顺序由DOM决定，显式设置更稳健 */
        .tyys_banner_1_box_con_img {
            z-index: 1;
        }

        /* ----- 单个服务卡片 (hover背景色变化 + 内部向上移动) ----- */
        .tyys_banner_1_box_con_list_con {
            /* 卡片本身采用flex便于内部垂直居中 */
            display: flex;
            align-items: center;
            justify-content: center;
            
            /* 默认半透明背景 (深色底，保证白色文字可读) */
            background-color: rgba(0, 0, 0, 0.25);    /* 半透明黑色 */
            
            /* 过渡动画：背景色、阴影等 */
            transition: background-color 0.25s ease, box-shadow 0.25s ease;
            
            /* 增加可点击暗示 */
            /* cursor: pointer; */
            
            /* 避免内容溢出 */
            min-width: 0;    /* 防止grid子项溢出 */
            
            /* 内边距保证呼吸空间 */
            padding: 1rem 0.5rem;
            box-sizing: border-box;
            
            /* 边框微调：可加极细分隔线（可选），通过gap或边框实现 */
            border-right: 1px solid rgba(255, 255, 255, 0.15);
        }
        
        /* 最后一个卡片去掉右边框，更干净 */
        .tyys_banner_1_box_con_list_con:last-child {
            border-right: none;
        }

        /* 卡片hover效果：改变背景色 + 轻微透明度变化（满足“设置透明度”） */
        .tyys_banner_1_box_con_list_con:hover {
            /* 使用品牌主色半透明 (从通用变量中提取 #0454dc，这里直接使用) */
            background-color: rgba(4, 84, 220, 0.35);   /* 改变背景颜色，同时具有透明度 */
            /* 微弱的发光效果，提升科技感 */
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
        }

        /* ----- 卡片内部文字内容容器（用于向上移动效果）----- */
        .tyys_banner_1_box_con_list_con_twbox {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            text-align: center;
            width: 100%;
            
            /* 过渡：垂直移动 (hover时向上) */
            transition: transform 0.25s cubic-bezier(0.2, 0, 0, 1);   /* 【CSS3】缓动函数 */
            transform: translateY(0);
            
            /* 保证内部间距 */
            gap: 0.5rem;        /* 【CSS3】gap属性，flex/grid子项间距 */
        }

        /* hover时，内部盒子垂直向上移动 (要求12) */
        .tyys_banner_1_box_con_list_con:hover .tyys_banner_1_box_con_list_con_twbox {
            transform: translateY(-40px);   /* 向上移动40px，作为视觉反馈 */
        }

        /* ---------- 图标样式 (统一处理，兼容两种class命名) ---------- */
        .tyys_banner_1_box_con_list_con_twbox_ico,
        .tyys_banner_1_box_con_list_con_ico {
            font-size: 2.2rem;          /* 图标大小 */
            line-height: 1.2;
            color: #ffffff;             /* 纯白图标 */
            margin-bottom: 0.25rem;
            display: flex;
            align-items: center;
            justify-content: center;
            /* 图标微阴影 */
            filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)); /* 【CSS3】drop-shadow滤镜，让图标更立体 */
            transition: transform 0.2s;
        }
        
        /* 图标内的iconfont或者emoji均继承 */
        .tyys_banner_1_box_con_list_con_twbox_ico i,
        .tyys_banner_1_box_con_list_con_ico i {
            font-size: inherit;
            font-style: normal;
        }

        /* 标题文字 */
        .tyys_banner_1_box_con_list_con_twbox_h,
        .tyys_banner_1_box_con_list_con_h {
            font-size: 1.25rem;
            font-weight: 700;
            color: #ffffff;
            line-height: 1.3;
            letter-spacing: 0.02em;
            text-shadow: 0 2px 5px rgba(0,0,0,0.3);  /* 文字阴影增强可读性 */
            margin-bottom: 0.25rem;
        }

        /* 描述文字 */
        .tyys_banner_1_box_con_list_con_twbox_p,
        .tyys_banner_1_box_con_list_con_p {
            font-size: 0.9rem;
            font-weight: 400;
            color: rgba(255, 255, 255, 0.9);
            line-height: 1.4;
            text-shadow: 0 1px 3px rgba(0,0,0,0.3);
            max-width: 100%;
            word-break: break-word;
        }

        /* 确保卡片内文字在窄屏下也能正常显示 */
        @media (max-width: 1024px) {
            /* 平板适配：宽高比保持2:1，但调整内边距和字体，避免拥挤 */
            .tyys_banner_1_box_con_list {
                /* padding: 1.2rem 1rem; */
            }
            
            .tyys_banner_1_box_con_list_con_twbox_h,
            .tyys_banner_1_box_con_list_con_h {
                font-size: 1.1rem;
            }
            
            .tyys_banner_1_box_con_list_con_twbox_p,
            .tyys_banner_1_box_con_list_con_p {
                font-size: 0.8rem;
            }
            
            .tyys_banner_1_box_con_list_con_twbox_ico,
            .tyys_banner_1_box_con_list_con_ico {
                font-size: 1.9rem;
            }
            
            /* 确保父容器仍然是2:1 (默认已是) */
        }

        /* ----- 手机适配：@media (max-width: 768px) ----- */
        @media (max-width: 768px) {
            /* 要求10：手机端宽高比变为 1:2 */
            .tyys_banner_1_box_con {
                aspect-ratio: 1 / 2;      /* 【CSS3】手机端1:2比例 */
            }
            
            /* 要求11：服务卡片变为3行2列 (grid-template-columns: 2列) */
            .tyys_banner_1_box_con_list {
                grid-template-columns: repeat(2, 1fr);  /* 2列，自动产生3行 (6个卡片) */
                /* padding: 1rem 0.8rem; */
                gap: 0.5rem;               /* 增加间隙，视觉更清晰 */
                background-color: rgba(0, 0, 0, 0.25);  /* 稍微加深遮罩，保证文字可读 */
            }
            
            /* 手机端去掉右边框，改用gap自然分隔 */
            .tyys_banner_1_box_con_list_con {
                border-right: none;
                padding: 0.8rem 0.3rem;
                /* 让卡片背景更明显一点 */
                background-color: rgba(0, 0, 0, 0.3);
            }
            
            /* 手机端字体进一步微调 */
            .tyys_banner_1_box_con_list_con_twbox_h,
            .tyys_banner_1_box_con_list_con_h {
                font-size: 1rem;
            }
            
            .tyys_banner_1_box_con_list_con_twbox_p,
            .tyys_banner_1_box_con_list_con_p {
                font-size: 0.75rem;
            }
            
            .tyys_banner_1_box_con_list_con_twbox_ico,
            .tyys_banner_1_box_con_list_con_ico {
                font-size: 1.8rem;
            }
            
            /* hover效果在移动端依然保留，但通过点击触发 (移动端同样有反馈) */
        }

        /* ----- 超小屏优化 (如宽度<480px) 保持可用性 ----- */
        @media (max-width: 480px) {
            .tyys_banner_1_box_con_list {
                /* padding: 0.8rem 0.5rem; */
                gap: 0.25rem;
            }
            .tyys_banner_1_box_con_list_con_twbox_h,
            .tyys_banner_1_box_con_list_con_h {
                font-size: 0.9rem;
            }
            .tyys_banner_1_box_con_list_con_twbox_ico,
            .tyys_banner_1_box_con_list_con_ico {
                font-size: 1.6rem;
            }
        }

        /* 保证所有内容盒模型正确，且不破坏原有重置 */
        .tyys_banner_1_box_con_list_con * {
            box-sizing: border-box;
        }

        /* ===== 可选：为了演示更美观，给父容器加一点背景，实际项目中由外层控制 ===== */
        body {
            margin: 0;
            background-color: #f5f7fa;   /* 仅用于展示环境，实际由重置样式或项目定义 */
            font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
        }
        
        /* 模拟一个简单的演示容器，方便查看效果 */
        .demo-wrapper {
            max-width: 1400px;
            margin: 0 auto;
            padding: 20px 0;
        }
        
        /* 说明：本样式完全基于您提供的class命名，未做任何修改 */
/* ==================== 服务支持 - 客户权益 模块 结束 ==================== */
/* ==================== 服务支持 - 客户权益 模块 结束 ==================== */
/* ==================== 服务支持 - 客户权益 模块 结束 ==================== */

/* ==================== 服务支持 - 用户留言 模块 开始 ==================== */
/* ==================== 服务支持 - 用户留言 模块 开始 ==================== */
/* ==================== 服务支持 - 用户留言 模块 开始 ==================== */
        /* ----- 表单网格容器：grid为主，实现灵活响应式 (电脑/平板核心) ----- */
        .fwzc_zb_box_con_khmsg {
            display: grid;
            /* 默认两列布局 (电脑/平板)，间隙使用gap属性 (CSS3) */
            grid-template-columns: 1fr 1fr;
            gap: 24px 28px;        /* 行间距24px，列间距28px */
            align-items: start;
        }

        /* 所有留言项 (list) 基础样式，重置内部布局 */
        .fwzc_zb_box_con_khmsg_list {
            display: flex;
            flex-direction: column;
            min-width: 0;           /* 防止flex溢出 */
        }

        /* 隐藏项不占位，维持原样 */
        .fwzc_zb_box_con_khmsg_list[style*="display: none"] {
            display: none !important;
        }

        /* ----- 输入框/文本域的图标行 (input + icon 整合) ----- */
        /* 让带图标的条目内部变成行内flex，图标与输入框同行 */
        .fwzc_zb_box_con_khmsg_list:not(:nth-last-child(2)):not(:nth-last-child(3)) {
            /* 通用处理：有输入框的条目 */
        }

        /* 输入框包装：让input/textarea和图标在一行，图标居右 */
        .input-icon-wrapper {
            display: flex;
            align-items: center;
            width: 100%;
            border: 1px solid #e5e7eb;
            border-radius: 14px;           /* CSS3 圆角 */
            background-color: #fff;
            transition: border-color 0.2s, box-shadow 0.2s;
        }
        .input-icon-wrapper:focus-within {
            border-color: #0454dc;
            box-shadow: 0 0 0 4px rgba(4, 84, 220, 0.12);  /* CSS3 焦点外发光 */
        }

        /* 针对每个list，我们动态构造wrapper (通过js? 不，这里采用纯CSS相邻结构，但原html是input和i并列。
           为了不改动html，我们用flex让list本身作为flex容器，input占满，i绝对定位? 
           更稳健：利用list本身flex，input设置flex:1，i设置padding。
        */
        .fwzc_zb_box_con_khmsg_list {
            /* 让内部input和i排成一行 (原结构: input + i) */
            display: flex;
            flex-direction: row;
            align-items: center;
            flex-wrap: wrap;
            position: relative;
        }

        /* 所有输入框、文本域统一样式增强 (覆盖部分通用样式，但保留基础) */
        .fwzc_zb_box_con_khmsg_list input,
        .fwzc_zb_box_con_khmsg_list textarea,
        .fwzc_zb_box_con_khmsg_list select {
            flex: 1 1 0%;           /* 让输入框占满剩余空间 */
            min-width: 0;
            padding: 14px 16px;
            font-size: 1rem;
            background-color: #ffffff;
            border: 1px solid #e5e7eb;
            border-radius: 14px;     /* CSS3 统一圆角 */
            line-height: 1.5;
            transition: border 0.15s, box-shadow 0.15s;
            width: auto;            /* 覆盖通用100% */
        }

        /* 文本域单独调整高度 */
        .fwzc_zb_box_con_khmsg_list textarea {
            min-height: 500px;       /* 满足多行输入，用户可拉伸 */
            resize: vertical;
            line-height: 1.6;
        }

        /* 图标样式 (iconfont) */
        .fwzc_zb_box_con_khmsg_list .iconfont {
            margin-left: 12px;
            font-size: 20px;
            color: #9ca3af;
            transition: color 0.2s;
            flex-shrink: 0;
            position: absolute;
            right: 1rem;
        }
        /* 当输入框聚焦时，图标颜色微提亮 */
        .fwzc_zb_box_con_khmsg_list:focus-within .iconfont {
            color: #0454dc;
        }

        /* 针对省份、邮箱、姓名、电话等常规输入项，微调 */
        .fwzc_zb_box_con_khmsg_list input::placeholder,
        .fwzc_zb_box_con_khmsg_list textarea::placeholder {
            color: #9ca3af;
            font-weight: 400;
            opacity: 1;
        }

        /* ----- 特殊项：内容标题、内容详情 占据整行 (grid列合并) ----- */
        /* 内容标题是第5个list (索引5)，内容详情第6个 */
        .fwzc_zb_box_con_khmsg_list:nth-of-type(5) {
            grid-column: span 2;     /* 合并两列，独占一行 */
        }
        .fwzc_zb_box_con_khmsg_list:nth-of-type(6) {
            grid-column: span 2;
        }

        /* 隐藏项 (第7个list，display:none) 不干扰grid流 */

        /* ----- 验证码 + 图片 + 提交按钮 特殊行 (电脑/平板：一行内左对齐+右对齐) ----- */
        /* 验证码输入框 (第8个list)、验证码图片组 (第9个list)、提交按钮 (第10个list) 
           要求：三者在一行，验证码输入框和图片组左对齐，提交按钮右对齐。
           利用grid将这三个list放入同一行，但父容器是两列grid，我们需要调整：
           将父容器临时改为三列？采用grid-column控制更细腻。
        */
        /* 将父容器针对最后三项做特殊网格定义 —— 使用grid-template-areas 或者 将最后三项强制放入新行并采用子grid */
        /* 方案：在电脑/平板下，我们让父级grid对最后三个元素应用 display: contents? 不，我们使用flex辅助更稳健，
           但为了遵循grid优先，这里采用grid的嵌套技巧：把验证码行包装成一个整体？但不能改html。
           妥协且优雅：在媒体查询(宽屏)下，使用grid的order和grid-column重新定义。
        */
        /* 我们将验证码输入框、验证码图片组、提交按钮 通过grid-column放置于同一行，并且设置父容器为三列？ 
           但前面的条目还是两列，不好。所以切换思路：在宽屏下，利用 flex 完成验证码行 (注释说明，符合“其次采用flex”)
        */
        /* 电脑/平板下，对.fwzc_zb_box_con_khmsg 使用 display: flex; flex-wrap: wrap; 也能完美实现需求。
           但同时保留了grid作为主要思路? 为了最大化满足基本要求7，我们在宽屏仍用grid，但验证码特殊处理：
           在媒体查询内将父级改为flex (更稳健)。我会在下面采用flex为主，并注明grid亦可。
        */
        
        /* 由于验证码行左/右对齐要求，使用flex-wrap最为直观，且完全符合响应式。
           下面使用 flex 作为主要布局 (但我在注释中说明优先grid的替代方案，这里兼顾实现) */
        /* 重新定义：电脑/平板采用flex布局，手机采用块级。同时保留grid回退？不，直接flex清晰。 */

        /* 覆盖：将父容器改为flex，并保留gap */
        .fwzc_zb_box_con_khmsg {
            display: flex;
            flex-wrap: wrap;
            gap: 24px 28px;          /* CSS3 gap属性，行列间隙 */
        }

        /* 所有list在flex下宽度控制 */
        .fwzc_zb_box_con_khmsg_list {
            /* 基础宽度：两列布局，各占 calc(50% - 14px) 因为gap列间距28px，减去一半 */
            width: calc(50% - 14px);
            margin: 0;
        }

        /* 内容标题、内容详情 宽度100% */
        .fwzc_zb_box_con_khmsg_list:nth-of-type(5),
        .fwzc_zb_box_con_khmsg_list:nth-of-type(6) {
            width: 100%;
        }

        /* 验证码输入框宽度自适应，验证码图片组宽度自适应，提交按钮自动靠右 */
        /* 验证码输入框 (第8) */
        .fwzc_zb_box_con_khmsg_list:nth-of-type(8) {
            width: 200px;            /* 给一个舒适宽度，也可用flex-grow */
            flex: 0 0 auto;
        }
        /* 验证码图片+刷新 (第9) */
        .fwzc_zb_box_con_khmsg_list:nth-of-type(9) {
            width: auto;
            flex: 0 0 auto;
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: 8px;
        }
        /* 提交按钮 (第10) */
        .fwzc_zb_box_con_khmsg_list:nth-of-type(10) {
            width: auto;
            margin-left: auto;        /* 关键：右对齐 */
            flex: 0 0 auto;
        }

        /* 验证码图片组内部样式调整 */
        .fwzc_zb_box_con_khmsg_list:nth-of-type(9) img {
            display: inline-block;
            height: 48px;
            width: auto;
            border-radius: 10px;
            border: 1px solid #e5e7eb;
            background: #f3f4f6;
            object-fit: cover;
        }
        .fwzc_zb_box_con_khmsg_list:nth-of-type(9) a {
            font-size: 0.9rem;
            color: #0454dc;
            white-space: nowrap;
            padding: 4px 8px;
            border-radius: 30px;
            background-color: #f0f4ff;
            transition: background 0.2s;
            text-decoration: none;
        }
        .fwzc_zb_box_con_khmsg_list:nth-of-type(9) a:hover {
            background-color: #e0e9ff;
            color: #023a96;
        }

        /* 提交按钮美化 */
        .fwzc_zb_box_con_khmsg_list:nth-of-type(10) button {
            padding: 14px 36px;
            font-size: 1.1rem;
            font-weight: 600;
            background: #0454dc;
            color: white;
            border-radius: 40px;          /* 胶囊按钮，CSS3 */
            border: none;
            box-shadow: 0 6px 14px rgba(4, 84, 220, 0.25);
            transition: all 0.2s ease;
            cursor: pointer;
            border: 1px solid rgba(255,255,255,0.1);
            letter-spacing: 0.5px;
        }
        .fwzc_zb_box_con_khmsg_list:nth-of-type(10) button:hover {
            background: #0347b8;
            box-shadow: 0 10px 18px rgba(4, 84, 220, 0.35);
            transform: translateY(-2px);    /* CSS3 微动效 */
        }
        .fwzc_zb_box_con_khmsg_list:nth-of-type(10) button:active {
            transform: translateY(1px);
            box-shadow: 0 4px 8px rgba(4, 84, 220, 0.3);
        }

        /* 针对输入框内部，统一去除margin */
        .fwzc_zb_box_con_khmsg_list input,
        .fwzc_zb_box_con_khmsg_list textarea {
            margin: 0;
        }

        /* 确保图标不被挤压 */
        .fwzc_zb_box_con_khmsg_list i {
            line-height: 1;
        }

        /* 当list内只有input和i时，图标右侧自然展示 */
        /* 对于内容详情textarea，图标需要垂直靠上？我们通过align-items: flex-start调整 */
        .fwzc_zb_box_con_khmsg_list:nth-of-type(6) {
            align-items: flex-start;
        }
        .fwzc_zb_box_con_khmsg_list:nth-of-type(6) .iconfont {
            margin-top: 14px;    /* 与textarea内边距对齐 */
        }

        /* ---------- 平板适配 (max-width: 1024px) ---------- */
        @media (max-width: 1024px) {
            .fwzc_zb_box_con {
                /* padding: 28px 24px 36px; */
            }
            /* 保持两列布局，间隙微调 */
            .fwzc_zb_box_con_khmsg {
                gap: 20px 20px;
            }
            .fwzc_zb_box_con_khmsg_list {
                width: calc(50% - 10px);
            }
            /* 验证码输入框宽度适当缩小 */
            .fwzc_zb_box_con_khmsg_list:nth-of-type(8) {
                width: 170px;
            }
            .fwzc_zb_box_con_khmsg_list:nth-of-type(10) button {
                padding: 12px 28px;
                font-size: 1rem;
            }
            /* 保证内容标题/详情仍占满 */
        }

        /* ---------- 手机适配 (max-width: 768px) ---------- */
        @media (max-width: 768px) {
            .fwzc_zb_box {
                padding: 20px 16px 40px;
            }
            .fwzc_zb_box_con {
                /* padding: 24px 18px 32px; */
                border-radius: 20px;
            }
            .panel-title h2 {
                font-size: 1.8rem;
            }

            /* 所有list均占满一行 */
            .fwzc_zb_box_con_khmsg_list {
                width: 100% !important;
                margin-left: 0 !important;
            }

            /* 调整flex间隙 */
            .fwzc_zb_box_con_khmsg {
                gap: 18px;
            }

            /* 验证码图片组 内部可换行，但保持友好 */
            .fwzc_zb_box_con_khmsg_list:nth-of-type(9) {
                flex-wrap: wrap;
                gap: 10px;
            }
            .fwzc_zb_box_con_khmsg_list:nth-of-type(9) img {
                height: 44px;
            }

            /* 提交按钮宽度100%，文字居中 */
            .fwzc_zb_box_con_khmsg_list:nth-of-type(10) {
                width: 100% !important;
                margin-left: 0;
            }
            .fwzc_zb_box_con_khmsg_list:nth-of-type(10) button {
                width: 100%;
                justify-content: center;
            }

            /* 省份、邮箱等图标正常 */
            .fwzc_zb_box_con_khmsg_list .iconfont {
                margin-left: 10px;
            }
        }

        /* 小屏极致 (小于480px) 微调 */
        @media (max-width: 480px) {
            .fwzc_zb_box_con {
                /* padding: 20px 14px; */
            }
            .fwzc_zb_box_con_khmsg_list input, 
            .fwzc_zb_box_con_khmsg_list textarea {
                padding: 12px 14px;
            }
        }

        /* ----- 额外细节：验证码图片占位风格 ----- */
        .captcha-placeholder {
            background: #eef2ff;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            color: #1e3a8a;
            font-weight: 500;
            padding: 0 12px;
            height: 48px;
            border-radius: 10px;
        }

        /* 隐藏项保持隐藏 */
        .fwzc_zb_box_con_khmsg_list[style*="display: none"] {
            display: none !important;
        }

        /* 保证label类不影响 (通用样式已定义) */
        /* 针对focus-visible提升可访问性 */
        .fwzc_zb_box_con_khmsg_list input:focus-visible,
        .fwzc_zb_box_con_khmsg_list textarea:focus-visible {
            outline: 2px solid #0454dc;
            outline-offset: 2px;
        }

        /* 修正因flex导致的宽度问题：让内部input自适应 */
        .fwzc_zb_box_con_khmsg_list input {
            width: 100%;
        }
        /* 但我们在flex行内已经用了flex:1，所以没问题 */
        /* 对于验证码图片组，里面的a标签不换行 */
/* ==================== 服务支持 - 用户留言 模块 结束 ==================== */
/* ==================== 服务支持 - 用户留言 模块 结束 ==================== */
/* ==================== 服务支持 - 用户留言 模块 结束 ==================== */

/* ==================== 服务支持 - 资料下载 模块 开始 ==================== */
/* ==================== 服务支持 - 资料下载 模块 开始 ==================== */
/* ==================== 服务支持 - 资料下载 模块 开始 ==================== */
    /* ============================================
       智能制造 · 资料下载板块样式 (前缀 ser_down_)
       完全依赖外部通用重置样式，仅定义板块特有样式
       响应式：电脑优先，平板 @media (max-width: 1024px)
       手机 @media (max-width: 768px)
    ============================================ */

    /* ----- 主容器：纯白卡片，留白科技感 ----- */
    .ser_down_resource-hub {
      /* max-width: 1360px; */
      width: 100%;
      margin: 0 auto;
      background: var(--color-white, #ffffff);
      border-radius: var(--radius-xl, 1rem);
      box-shadow: var(--shadow-lg, 0 10px 15px -3px rgba(0,0,0,0.1));
      padding: 2.5rem 2.8rem;
      border: 1px solid var(--border-light, #e5e7eb);
    }

    /* 板块头部 */
    .ser_down_hub-header {
      margin-bottom: 2.5rem;
    }
    .ser_down_title-row {
      display: flex;
      align-items: baseline;
      flex-wrap: wrap;
      justify-content: space-between;
      margin-bottom: 0.5rem;
    }
    .ser_down_title-row h2 {
      font-weight: 650;
      font-size: 2.1rem;
      letter-spacing: -0.02em;
      color: var(--color-gray-900, #111827);
      display: flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 0;
    }
    .ser_down_badge-tech {
      display: none;
      background: rgba(22, 93, 255, 0.08);
      color: #165DFF;
      font-size: 0.75rem;
      font-weight: 600;
      padding: 4px 12px;
      border-radius: 40px;
      text-transform: uppercase;
      letter-spacing: 0.4px;
      border: 1px solid rgba(22, 93, 255, 0.15);
    }
    .ser_down_desc-light {
      color: var(--text-light, #4b5563);
      font-size: 1rem;
      font-weight: 400;
      margin-top: 8px;
      border-left: 3px solid #165DFF;
      padding-left: 16px;
    }
    .ser_down_quick-link {
      display: none;
      color: #165DFF;
      font-weight: 500;
      font-size: 0.95rem;
      text-decoration: none;
      /* display: flex; */
      align-items: center;
      gap: 6px;
    }
    .ser_down_quick-link:hover {
      text-decoration: underline;
    }

    /* 搜索区 */
    .ser_down_search-section {
        display: none!important;
      /* display: flex; */
      flex-wrap: wrap;
      align-items: center;
      gap: 18px 25px;
      margin: 28px 0 24px;
    }
    .ser_down_search-box {
      flex: 2 1 360px;
      display: flex;
      align-items: center;
      background: var(--color-white, #fff);
      border: 1.5px solid var(--border-light, #e2e7f0);
      border-radius: 60px;
      padding: 4px 4px 4px 22px;
      transition: all var(--transition-fast, 150ms ease);
      box-shadow: var(--shadow-sm, 0 1px 2px rgba(0,0,0,0.05));
    }
    .ser_down_search-box:focus-within {
      border-color: #165DFF;
      box-shadow: 0 0 0 4px rgba(22, 93, 255, 0.08);
    }
    .ser_down_search-box input {
      flex: 1;
      border: none;
      padding: 14px 8px 14px 0;
      font-size: 0.98rem;
      background: transparent;
      outline: none;
      color: var(--text-body, #1f2937);
      font-weight: 400;
    }
    .ser_down_search-box input::placeholder {
      color: var(--color-gray-400, #9ca3af);
      font-weight: 300;
    }
    .ser_down_search-box button {
      background: #165DFF;
      border: none;
      border-radius: 50px;
      padding: 12px 28px;
      color: white;
      font-weight: 550;
      font-size: 0.95rem;
      cursor: pointer;
      transition: background 0.15s, transform 0.1s;
      display: flex;
      align-items: center;
      gap: 8px;
      letter-spacing: 0.2px;
      box-shadow: 0 4px 10px rgba(22, 93, 255, 0.2);
    }
    .ser_down_search-box button:hover {
      background: #0e4ad0;
    }
    .ser_down_search-box button:active {
      transform: scale(0.97);
    }

    /* 过滤胶囊 */
    .ser_down_filter-tabs {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 8px;
    }
    .ser_down_filter-chip {
      background: var(--color-white, #fff);
      border: 1.5px solid var(--border-light, #e2e7f0);
      padding: 10px 20px;
      border-radius: 40px;
      font-size: 0.9rem;
      font-weight: 500;
      color: var(--color-gray-700, #374151);
      cursor: pointer;
      transition: all var(--transition-fast, 150ms ease);
      white-space: nowrap;
    }
    .ser_down_filter-chip:hover {
      border-color: #165DFF;
      color: #165DFF;
      background: #f8fbff;
    }
    .ser_down_filter-chip.ser_down_active {
      background: #165DFF;
      border-color: #165DFF;
      color: white;
      box-shadow: 0 4px 10px rgba(22, 93, 255, 0.2);
    }

    /* 次级分类导航 */
    .ser_down_category-bar {
        display: none!important;
      /* display: flex; */
      flex-wrap: wrap;
      gap: 4px;
      margin: 12px 0 28px;
      border-bottom: 1.5px solid var(--border-light, #edf1f7);
      padding-bottom: 12px;
    }
    .ser_down_cat-link {
      padding: 8px 22px;
      font-size: 0.95rem;
      font-weight: 520;
      color: var(--color-gray-600, #4b5563);
      border-radius: 40px;
      cursor: pointer;
      transition: all 0.12s;
      background: transparent;
      border: none;
    }
    .ser_down_cat-link:hover {
      background: #f0f5ff;
      color: #165DFF;
    }
    .ser_down_cat-link.ser_down_active-cat {
      background: rgba(22, 93, 255, 0.05);
      color: #165DFF;
      font-weight: 600;
    }

    /* 文档列表卡片区 */
    .ser_down_doc-list {
      margin: 8px 0 20px;
      border-radius: var(--radius-lg, 0.75rem);
      overflow: hidden;
      border: 1px solid var(--border-light, #edf2f9);
    }
    .ser_down_list-header-grid {
      display: grid;
      grid-template-columns: 3fr 1fr 0.9fr 1.1fr 0.9fr;
      background: var(--color-gray-50, #f9fafb);
      padding: 0.9rem 1.8rem;
      border-bottom: 1.5px solid var(--border-light, #e7ecf5);
      font-size: 0.8rem;
      font-weight: 650;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      color: var(--color-gray-700, #374151);
    }
    .ser_down_doc-row {
      display: grid;
      grid-template-columns: 3fr 1fr 0.9fr 1.1fr 0.9fr;
      align-items: center;
      padding: 1.1rem 1.8rem;
      background: var(--color-white, #fff);
      border-bottom: 1px solid var(--border-light, #eff3fa);
      transition: background 0.15s, box-shadow 0.15s;
    }
    .ser_down_doc-row:last-child {
      border-bottom: none;
    }
    .ser_down_doc-row:hover {
      background: #fbfdff;
      box-shadow: inset 0 0 0 1px #eef3fe, 0 2px 6px rgba(22,93,255,0.02);
    }

    /* 文档信息列 */
    .ser_down_doc-info {
      display: flex;
      align-items: center;
      gap: 16px;
    }
    .ser_down_file-icon {
      width: 44px;
      height: 44px;
      background: #f0f6ff;
      border-radius: 14px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #165DFF;
      font-weight: 600;
      font-size: 1.1rem;
      flex-shrink: 0;
      border: 1px solid rgba(22,93,255,0.1);
    }

    .ser_down_file-icon i{
        font-size: 1.25rem;
        font-weight: 200;
        color: #111827;
    }

    .ser_down_doc-text {
      line-height: 1.4;
    }
    .ser_down_doc-name {
      font-weight: 650;
      color: var(--color-gray-900, #111827);
      margin-bottom: 4px;
      font-size: 1rem;
    }
    .ser_down_doc-desc {
      font-size: 0.8rem;
      color: var(--text-light, #6f7e91);
    }
    .ser_down_type-badge {
      display: inline-block;
      background: #f0f4fc;
      color: #165DFF;
      font-weight: 550;
      font-size: 0.75rem;
      padding: 4px 12px;
      border-radius: 30px;
      white-space: nowrap;
      border: 1px solid #dae3f2;
    }
    .ser_down_size-meta,
    .ser_down_update-meta {
      color: var(--color-gray-700, #2e445e);
      font-weight: 450;
      font-size: 0.9rem;
      display: flex;
      align-items: center;
      gap: 6px;
    }
    /* 下载按钮 (科技蓝轮廓) */
    .ser_down_dl-btn-light {
      background: white;
      border: 1.5px solid #165DFF;
      color: #165DFF;
      padding: 10px 20px;
      border-radius: 40px;
      font-weight: 600;
      font-size: 0.85rem;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      transition: all 0.18s ease;
      white-space: nowrap;
      box-shadow: var(--shadow-sm, 0 1px 2px rgba(0,0,0,0.02));
      background: rgba(22, 93, 255, 0.02);
      width: fit-content;
    }
    .ser_down_dl-btn-light:hover {
      background: #165DFF;
      color: white;
      box-shadow: 0 8px 16px rgba(22, 93, 255, 0.18);
      border-color: #165DFF;
    }

    .ser_down_dl-btn-light a:hover {
      color: white;
    }

    /* 底部统计 & 分页 */
    .ser_down_hub-footer {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      margin-top: 28px;
      padding-top: 16px;
    }
    .ser_down_stats {
      color: var(--text-light, #4f647b);
      font-size: 0.9rem;
      font-weight: 450;
    }
    .ser_down_pagination {
        display: none!important;
      /* display: flex; */
      gap: 6px;
    }
    .ser_down_page-item {
      min-width: 40px;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 14px;
      background: white;
      border: 1.5px solid var(--border-light, #e3e9f2);
      color: var(--color-gray-700, #2f4b6e);
      font-weight: 550;
      cursor: pointer;
      transition: all 0.12s;
      padding: 0 6px;
    }
    .ser_down_page-item:hover {
      border-color: #165DFF;
      color: #165DFF;
      background: #f5f9ff;
    }
    .ser_down_page-item.ser_down_active-page {
      background: #165DFF;
      border-color: #165DFF;
      color: white;
    }

    .ser_down_active-page{
      background: #165DFF;
      border-color: #165DFF;
      color: white;
    }

    /* 脚注工具条 */
    .ser_down_action-footnote {
      margin-top: 20px;
      display: flex;
      flex-wrap: wrap;
      gap: 28px;
      font-size: 0.8rem;
      color: var(--color-gray-600, #617e9c);
      border-top: 1px dashed var(--border-light, #d7e1ec);
      padding-top: 22px;
    }

    /* ----------------- 平板适配 (max-width: 1024px) ----------------- */
    @media (max-width: 1024px) {
      .ser_down_resource-hub {
        padding: 2rem 1.5rem;
      }
      .ser_down_list-header-grid {
        padding: 0.9rem 1rem;
      }
      .ser_down_doc-row {
        padding: 1rem 1rem;
      }
      .ser_down_filter-chip {
        padding: 8px 16px;
      }
    }

    /* ----------------- 手机适配 (max-width: 768px) ----------------- */
    @media (max-width: 768px) {
      .ser_down_resource-hub {
        padding: 1.5rem 1rem;
        border-radius: var(--radius-lg, 0.75rem);
      }
      .ser_down_title-row h2 {
        font-size: 1.6rem;
      }
      .ser_down_search-box {
        flex: 1 1 100%;
      }
      .ser_down_filter-tabs {
        width: 100%;
        overflow-x: auto;
        padding-bottom: 6px;
      }
      .ser_down_filter-chip {
        white-space: nowrap;
      }
      /* 列表头隐藏，行变为块状卡片 */
      .ser_down_list-header-grid {
        display: none;
      }
      .ser_down_doc-row {
        grid-template-columns: 1fr;
        gap: 12px;
        padding: 1.5rem 1.2rem;
        border-bottom: 2px solid var(--border-light, #edf2f8);
      }
      .ser_down_doc-info {
        flex-wrap: wrap;
      }
      .ser_down_dl-btn-light {
        width: 100%;
        margin-top: 8px;
      }
      .ser_down_hub-footer {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
      }
      .ser_down_action-footnote {
        flex-direction: column;
        gap: 12px;
      }
    }
/* ==================== 服务支持 - 资料下载 模块 结束 ==================== */
/* ==================== 服务支持 - 资料下载 模块 结束 ==================== */
/* ==================== 服务支持 - 资料下载 模块 结束 ==================== */

/* ==================== 服务支持 - 解决方案 模块 开始 ==================== */
/* ==================== 服务支持 - 解决方案 模块 开始 ==================== */
/* ==================== 服务支持 - 解决方案 模块 开始 ==================== */
        /* ----- 板块外层容器 (极简留白) ----- */
        .ser_solu_solutions {
            width: 100%;
            padding: 4rem 0;
            /* background-color: var(--color-white, #ffffff); */
        }

        .ser_solu_container {
            /* max-width: 1280px;
            margin: 0 auto;
            padding: 0 2rem; */
        }

        /* ----- 标题区域 (居中简约) ----- */
        .ser_solu_section_header {
            text-align: left;
            margin-bottom: 3.5rem;
        }

        .ser_solu_section_title {
            font-size: 2.2rem;
            font-weight: 700;
            line-height: 1.2;
            letter-spacing: -0.01em;
            color: var(--color-gray-900, #111827);
            margin-bottom: 0.5rem;
            display: inline-block;
            position: relative;
            padding-left: 1.2rem;
        }

        /* 标题下方科技装饰短线 (CSS3 伪元素 + 渐变) */
        .ser_solu_section_title::before {
            content: "";
            position: absolute;
            left: 0;
            top: 0.15rem;
            bottom: 0.15rem;
            width: 6px;
            /* CSS3 渐变：蓝色线性渐变，提升科技感 */
            background: linear-gradient(180deg, #0454dc 0%, #3b82f6 100%);
            border-radius: 4px;
        }

        .ser_solu_section_subtitle {
            font-size: 1.1rem;
            color: var(--color-gray-600, #4b5563);
            margin-top: 0.25rem;
            margin-left: 1.2rem;
            font-weight: 400;
            max-width: 720px;
        }

        /* ----- 卡片网格：优先使用 Grid 布局 (CSS3 网格) ----- */
        .ser_solu_card_grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 2rem;
        }

        /* ----- 单个卡片 —— 现在使用 <a> 标签，整卡可点击 ----- */
        .ser_solu_card {
            /* 重置链接默认样式（通用样式已处理，此处再次确保块级与继承） */
            display: flex;
            flex-direction: column;
            height: 100%;
            background-color: var(--color-white, #ffffff);
            border-radius: var(--radius-lg, 1rem);
            /* CSS3 盒阴影：轻量级 */
            box-shadow: 0 8px 20px -6px rgba(0, 0, 0, 0.05), 0 2px 6px rgba(0,0,0,0.03);
            /* CSS3 过渡：所有可动属性丝滑变化 */
            transition: transform 0.25s cubic-bezier(0.2, 0, 0, 1), box-shadow 0.3s ease, border-color 0.2s;
            border: 1px solid var(--border-light, #e5e7eb);
            overflow: hidden;
            text-decoration: none;          /* 去除下划线 */
            color: inherit;                /* 文字颜色继承 */
        }

        /* 悬浮效果：微抬升 + 阴影加深 (整卡交互) */
        .ser_solu_card:hover {
            transform: translateY(-6px);    /* CSS3 位移 */
            box-shadow: 0 20px 30px -10px rgba(4, 84, 220, 0.12), 0 8px 15px rgba(0,0,0,0.05);
            border-color: rgba(4, 84, 220, 0.3);
        }

        /* 聚焦样式 (键盘无障碍) */
        .ser_solu_card:focus-visible {
            outline: 3px solid var(--color-primary);
            outline-offset: 2px;
        }

        /* ----- 卡片图片区域 (图片占位，保证加载失败也不塌陷) ----- */
        .ser_solu_card_media {
            width: 100%;
            /* CSS3 纵横比：固定16:9，即使无图片也维持高度 */
            aspect-ratio: 16 / 9;
            background-color: var(--color-gray-100, #f3f4f6);
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            overflow: hidden;
        }

        /* 图片占位内容 (模拟图片 + 图标) */
        .ser_solu_media_placeholder {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            color: var(--color-gray-500, #6b7280);
            font-size: 0.9rem;
            gap: 0.5rem;
        }

        .ser_solu_placeholder_icon {
            font-size: 2.8rem;
            line-height: 1;
            opacity: 0.7;
        }

        .ser_solu_placeholder_text {
            font-weight: 500;
            letter-spacing: 0.5px;
            background: rgba(255,255,255,0.5);
            padding: 0.2rem 0.8rem;
            border-radius: 30px;
            backdrop-filter: blur(4px);      /* CSS3 背景模糊 (轻质感) */
            -webkit-backdrop-filter: blur(4px);
            color: var(--color-gray-700);
        }

        /* 真实图片样式（后期替换时生效） */
        .ser_solu_card_media img {
            width: 100%;
            height: 100%;
            object-fit: cover;              /* CSS3 图片填充方式 */
            display: block;
        }

        /* ----- 卡片内容区域 (文字排版) ----- */
        .ser_solu_card_content {
            padding: 1.8rem 1.5rem 2rem;
            flex: 1;
            display: flex;
            flex-direction: column;
        }

        .ser_solu_card_title {
            font-size: 1.5rem;
            font-weight: 700;
            color: var(--color-gray-900, #111827);
            margin-bottom: 0.75rem;
            line-height: 1.3;
        }

        .ser_solu_card_desc {
            font-size: 1rem;
            line-height: 1.6;
            color: var(--color-gray-600, #4b5563);
            margin-bottom: 1.8rem;
            flex: 1;
        }

        /* ----- 卡片内“探索方案”文字 (改为装饰性 span，因为整卡已是链接) ----- */
        .ser_solu_card_link {
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;                  /* CSS3 弹性间距 */
            font-weight: 600;
            font-size: 1rem;
            color: var(--color-primary, #0454dc);
            /* 过渡效果 */
            transition: color 0.2s ease, gap 0.2s ease;
            align-self: flex-start;
            border-bottom: 2px solid transparent;
            padding-bottom: 2px;
            cursor: pointer;               /* 提示可交互（但实际点击由父级a处理） */
        }

        .ser_solu_arrow {
            font-size: 1.2rem;
            line-height: 1;
            transition: transform 0.2s ease;
        }

        /* 悬浮整卡时，内部“探索方案”文字与箭头有动态效果 */
        .ser_solu_card:hover .ser_solu_card_link {
            color: var(--color-primary-hover, #0347b8);
            gap: 0.75rem;                 /* 箭头微微右移 */
        }

        .ser_solu_card:hover .ser_solu_arrow {
            transform: translateX(4px);    /* CSS3 位移 */
        }

        /* ----------------- 响应式：平板 (≤1024px) ----------------- */
        @media (max-width: 1024px) {
            .ser_solu_container {
                padding: 0 1.8rem;
            }
            .ser_solu_card_grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 1.8rem;
            }
            .ser_solu_section_title {
                font-size: 2.4rem;
            }
            .ser_solu_section_subtitle {
                font-size: 1.1rem;
            }
            .ser_solu_card_content {
                padding: 1.5rem 1.2rem 1.8rem;
            }
        }

        /* ----------------- 响应式：手机 (≤768px) ----------------- */
        @media (max-width: 768px) {
            .ser_solu_solutions {
                padding: 3rem 0;
            }
            .ser_solu_container {
                padding: 0 1.2rem;
            }
            .ser_solu_card_grid {
                grid-template-columns: 1fr;
                gap: 1.8rem;
            }
            .ser_solu_section_title {
                font-size: 2rem;
            }
            .ser_solu_section_title::after {
                width: 50px;
                height: 3px;
                bottom: -8px;
            }
            .ser_solu_section_subtitle {
                font-size: 1rem;
                padding: 0 0.5rem;
            }
            .ser_solu_card_title {
                font-size: 1.4rem;
            }
            .ser_solu_card_content {
                padding: 1.5rem 1.2rem 1.8rem;
            }
            .ser_solu_placeholder_icon {
                font-size: 2.4rem;
            }
        }

        @media (max-width: 480px) {
            .ser_solu_section_title {
                font-size: 1.9rem;
            }
            .ser_solu_card_title {
                font-size: 1.3rem;
            }
            .ser_solu_card_desc {
                font-size: 0.95rem;
            }
        }

        /* 保证图片区替换为<img>后不塌陷 (aspect-ratio已处理) */
        .ser_solu_card_media img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            background-color: var(--color-gray-100);
        }


        /* ========== 新增：解决方案头部包装器左右布局 & 底部对齐 ========== */
        /* 作用：将标题区（.ser_solu_section_box）与“查看更多”按钮（.ser_solu_more_box）置于同一行，
        分别左右对齐，且底部边缘保持水平对齐。移动端自动转为垂直排列。 */
        .ser_solu_section_header_box {
            display: flex;                      /* CSS3 弹性布局，实现左右排列 */
            justify-content: space-between;     /* 两端对齐：标题区贴左，按钮贴右 */
            align-items: flex-start;              /* 底部对齐：两个容器的顶部边缘保持水平 */
            flex-wrap: wrap;                    /* 窄屏时允许换行，增强移动端适应性 */
            gap: 1.5rem;                        /* 当换行或留白时的间距，避免拥挤 */
        }

        /* 重置“查看更多”按钮容器在包装器下的外边距（原有样式可能用 margin-left:auto 干扰右对齐） */
        .ser_solu_section_header_box .ser_solu_more_box {
            margin-left: 0;                     /* 清除可能存在的自动左外边距，确保右对齐由父级 justify-content 控制 */
        }

        /* ---------- 移动端适配（≤768px）：改为垂直排列，左对齐，符合移动阅读习惯 ---------- */
        @media (max-width: 768px) {
            .ser_solu_section_header_box {
                flex-direction: column;         /* 垂直排列，标题区在上，按钮在下 */
                align-items: flex-start;        /* 左对齐，按钮不再贴右 */
                gap: 1rem;                      /* 垂直间距舒适 */
            }
            
            /* 手机下按钮容器自然左移，无需额外调整 */
            .ser_solu_section_header_box .ser_solu_more_box {
                width: auto;                    /* 宽度自适应内容，不强制拉伸 */
            }
        }


/* ==================== 服务支持 - 解决方案 模块 结束 ==================== */
/* ==================== 服务支持 - 解决方案 模块 结束 ==================== */
/* ==================== 服务支持 - 解决方案 模块 结束 ==================== */

/* ==================== 服务支持 - 解决方案（详情资料） 模块 开始 ==================== */
/* ==================== 服务支持 - 解决方案（详情资料） 模块 开始 ==================== */
/* ==================== 服务支持 - 解决方案（详情资料） 模块 开始 ==================== */
        /* ----- 板块外层容器 (充足留白) ----- */
        .ser_solu_deta_section {
            width: 100%;
            /* padding: 5rem 0; */
            /* background-color: var(--color-white, #ffffff); */
        }

        /* 内容容器，设定最大宽度，居中对齐 */
        .ser_solu_deta_container {
            /* max-width: 1280px;
            margin: 0 auto;
            padding: 0 2rem; */
        }

        /* ----- 采用 Grid 实现左右两栏布局 (桌面端) + 底部整行文章 ----- */
        .ser_solu_deta_grid {
            display: grid;
            /* 两列：左侧图片区占比 5/12，右侧文字区占比 7/12 */
            grid-template-columns: 5fr 7fr;
            gap: 3.5rem 3.5rem;          /* 行间距与列间距统一，为底部文章留出距离 */
            align-items: start;            /* 改为顶部对齐，因为底部文章会自然撑开 */
        }

        /* ---------- 新增：独占整行的文章容器 (跨列) ---------- */
        .ser_solu_deta_full_row {
            /* CSS3 Grid 跨列：从第一条网格线到末尾，占据整行 */
            grid-column: 1 / -1;
            margin-top: 2.5rem;           /* 与上方内容保持距离 */
            padding-top: 2.5rem;
            border-top: 2px solid var(--border-light, #e5e7eb);
        }

        /* ---------- 左侧：图片/示意图区域 (防塌陷) ---------- */
        .ser_solu_deta_media {
            width: 100%;
            /* CSS3 纵横比：4:3 固定比例，即使无图片也保持高度 */
            aspect-ratio: 4 / 3;
            background-color: var(--color-gray-100, #f3f4f6);
            border-radius: var(--radius-xl, 1.2rem);
            box-shadow: var(--shadow-md, 0 4px 6px -1px rgb(0 0 0 / 0.1));
            overflow: hidden;
            border: 1px solid var(--border-light, #e5e7eb);
        }

        .ser_solu_deta_media img {
            width: 100%;
            height: 100%;
            object-fit: cover;              /* CSS3 保持比例填充 */
            display: block;
            background-color: var(--color-gray-100);
        }

        /* ---------- 右侧：详细图文资料内容 ---------- */
        .ser_solu_deta_content {
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .ser_solu_deta_badge {
            display: inline-block;
            font-size: 0.85rem;
            font-weight: 600;
            letter-spacing: 0.5px;
            color: var(--color-primary, #0454dc);
            background: rgba(4, 84, 220, 0.08);
            padding: 0.3rem 1rem;
            border-radius: 30px;
            margin-bottom: 1.2rem;
            align-self: flex-start;
            border: 1px solid rgba(4, 84, 220, 0.15);
            text-transform: uppercase;
        }

        .ser_solu_deta_title {
            font-size: 2.4rem;
            font-weight: 700;
            color: var(--color-gray-900, #111827);
            line-height: 1.3;
            margin-bottom: 1.2rem;
        }

        .ser_solu_deta_description {
            font-size: 1.1rem;
            line-height: 1.7;
            color: var(--color-gray-600, #4b5563);
            margin-bottom: 2rem;
        }

        /* 特性列表 Grid */
        .ser_solu_deta_feature_grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 1.5rem 2rem;
            margin-bottom: 2.5rem;
        }

        .ser_solu_deta_feature_item {
            display: flex;
            align-items: flex-start;
            gap: 0.75rem;
        }

        .ser_solu_deta_feature_icon {
            flex-shrink: 0;
            width: 1.8rem;
            height: 1.8rem;
            background: rgba(4, 84, 220, 0.1);
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--color-primary, #0454dc);
            font-weight: 600;
            font-size: 1rem;
        }

        .ser_solu_deta_feature_text {
            display: flex;
            flex-direction: column;
        }

        .ser_solu_deta_feature_title {
            font-weight: 700;
            color: var(--color-gray-800);
            margin-bottom: 0.15rem;
            font-size: 1rem;
        }

        .ser_solu_deta_feature_desc {
            font-size: 0.9rem;
            color: var(--color-gray-500);
        }

        /* 数据统计 */
        .ser_solu_deta_stats {
            display: flex;
            flex-wrap: wrap;
            gap: 1.8rem;
            padding-top: 0.5rem;
            border-top: 1px solid var(--border-light, #e5e7eb);
        }

        .ser_solu_deta_stat_item {
            display: flex;
            flex-direction: column;
        }

        .ser_solu_deta_stat_value {
            font-size: 2rem;
            font-weight: 800;
            color: var(--color-primary, #0454dc);
            line-height: 1.2;
        }

        .ser_solu_deta_stat_label {
            font-size: 0.9rem;
            color: var(--color-gray-500);
            text-transform: uppercase;
            letter-spacing: 0.3px;
        }

        /* 按钮 */
        .ser_solu_deta_btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 0.6rem;
            background-color: var(--color-primary, #0454dc);
            color: white;
            font-weight: 600;
            padding: 0.9rem 2.2rem;
            border-radius: 50px;
            text-decoration: none;
            margin-top: 2rem;
            align-self: flex-start;
            transition: background-color 0.2s ease, transform 0.15s ease, box-shadow 0.2s;
            box-shadow: 0 6px 14px rgba(4, 84, 220, 0.2);
            border: none;
            cursor: pointer;
        }

        .ser_solu_deta_btn:hover {
            background-color: var(--color-primary-hover, #0347b8);
            transform: scale(1.02);
            box-shadow: 0 10px 20px rgba(4, 84, 220, 0.3);
        }

        .ser_solu_deta_btn_arrow {
            font-size: 1.2rem;
            transition: transform 0.2s;
        }

        .ser_solu_deta_btn:hover .ser_solu_deta_btn_arrow {
            transform: translateX(4px);
        }

        .ser_solu_deta_btn:focus-visible {
            outline: 3px solid #0454dc;
            outline-offset: 2px;
        }

        /* ---------- 文章区域样式 (独占一行) ---------- */
        .ser_solu_deta_article_title {
            font-size: 2rem;
            font-weight: 700;
            color: var(--color-gray-900);
            margin-bottom: 1.5rem;
            letter-spacing: -0.01em;
        }

        .ser_solu_deta_article_content {
            display: grid;
            /* 文章内图文并排：文字左，图片右，比例可调 */
            /* grid-template-columns: 1.2fr 0.8fr; */
            gap: 2.5rem;
            align-items: center;
        }

        .ser_solu_deta_article_text p {
            font-size: 1.05rem;
            line-height: 1.75;
            color: var(--color-gray-700);
            margin-bottom: 1.2rem;
        }

        .ser_solu_deta_article_text p:last-child {
            margin-bottom: 0;
        }

        .ser_solu_deta_article_media {
            width: 100%;
            /* CSS3 纵横比：16:9 更适合文章插图 */
            aspect-ratio: 16 / 9;
            background-color: var(--color-gray-100);
            border-radius: var(--radius-lg);
            overflow: hidden;
            box-shadow: var(--shadow-sm);
            border: 1px solid var(--border-light);
        }

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

        /* 文章内小标题 */
        .ser_solu_deta_article_subheading {
            font-size: 1.3rem;
            font-weight: 600;
            color: var(--color-gray-800);
            margin: 1.5rem 0 1rem;
        }

        /* ----------------- 响应式：平板 (≤1024px) ----------------- */
        @media (max-width: 1024px) {
            .ser_solu_deta_section {
                padding: 4rem 0;
            }
            .ser_solu_deta_container {
                padding: 0 1.8rem;
            }
            .ser_solu_deta_grid {
                gap: 2.5rem;
            }
            .ser_solu_deta_title {
                font-size: 2rem;
            }
            .ser_solu_deta_description {
                font-size: 1rem;
            }
            .ser_solu_deta_feature_grid {
                gap: 1.2rem 1.5rem;
            }
            .ser_solu_deta_article_title {
                font-size: 1.8rem;
            }
            .ser_solu_deta_article_content {
                gap: 1.8rem;
            }
        }

        /* ----------------- 响应式：手机 (≤768px) ----------------- */
        @media (max-width: 768px) {
            .ser_solu_deta_section {
                padding: 3rem 0;
            }
            .ser_solu_deta_container {
                padding: 0 1.2rem;
            }
            /* 手机下左右两列堆叠 */
            .ser_solu_deta_grid {
                grid-template-columns: 1fr;
                gap: 2rem;
            }
            /* 底部文章跨列依然有效（单列时自动跨列） */
            .ser_solu_deta_full_row {
                margin-top: 1.5rem;
                padding-top: 2rem;
            }
            .ser_solu_deta_title {
                font-size: 1.9rem;
            }
            .ser_solu_deta_badge {
                font-size: 0.8rem;
            }
            .ser_solu_deta_feature_grid {
                grid-template-columns: 1fr 1fr;
                gap: 1rem;
            }
            .ser_solu_deta_stats {
                gap: 1.2rem;
            }
            .ser_solu_deta_stat_value {
                font-size: 1.8rem;
            }
            .ser_solu_deta_btn {
                padding: 0.8rem 1.8rem;
                width: 100%;
                justify-content: center;
            }
            /* 文章内图文改为堆叠 */
            .ser_solu_deta_article_content {
                grid-template-columns: 1fr;
                gap: 1.5rem;
            }
            .ser_solu_deta_article_title {
                font-size: 1.6rem;
            }
        }

        /* 超小屏 */
        @media (max-width: 480px) {
            .ser_solu_deta_feature_grid {
                grid-template-columns: 1fr;
                gap: 0.8rem;
            }
            .ser_solu_deta_title {
                font-size: 1.7rem;
            }
            .ser_solu_deta_article_title {
                font-size: 1.5rem;
            }
        }
/* ==================== 服务支持 - 解决方案（详情资料） 模块 结束 ==================== */
/* ==================== 服务支持 - 解决方案（详情资料） 模块 结束 ==================== */
/* ==================== 服务支持 - 解决方案（详情资料） 模块 结束 ==================== */

/* ==================== 服务支持 - 服务理念 模块 开始 ==================== */
/* ==================== 服务支持 - 服务理念 模块 开始 ==================== */
/* ==================== 服务支持 - 服务理念 模块 开始 ==================== */

        /* ----- 板块外层容器 (充足留白) ----- */
        .ser_fwln_philosophy_section {
            width: 100%;
            padding: 2.5rem 0;
            /* background-color: var(--color-white, #ffffff); */
        }

        .ser_fwln_container {
            /* max-width: 1280px;
            margin: 0 auto;
            padding: 0 2rem; */
        }

        /* 板块主标题 */
        .ser_fwln_section_header {
            text-align: center;
            margin-bottom: 3.5rem;
        }

        .ser_fwln_section_title {
            font-size: 2.8rem;
            font-weight: 700;
            color: var(--color-gray-900, #111827);
            letter-spacing: -0.02em;
            margin-bottom: 1rem;
            position: relative;
            display: inline-block;
        }

        /* CSS3 伪元素：标题下方渐变装饰线 */
        .ser_fwln_section_title::after {
            content: "";
            position: absolute;
            bottom: -12px;
            left: 50%;
            transform: translateX(-50%);      /* CSS3 2D平移，精确居中 */
            width: 80px;
            height: 4px;
            background: linear-gradient(90deg, #0454dc 0%, #6aa6ff 100%); /* CSS3 渐变背景 */
            border-radius: 4px;
        }

        .ser_fwln_section_subtitle {
            font-size: 1.2rem;
            color: var(--color-gray-600, #4b5563);
            max-width: 700px;
            margin: 0 auto;
            font-weight: 400;
            line-height: 1.6;
        }

        /* ----- 4个子板块网格 (优先 Grid) ----- */
        .ser_fwln_philosophy_grid {
            display: grid;
            /* 桌面四列等宽 */
            grid-template-columns: repeat(4, 1fr);
            gap: 2rem;
        }

        /* 单个理念卡片 —— 宽高比4:3 (核心要求) */
        .ser_fwln_philosophy_card {
            position: relative;
            width: 100%;
            /* CSS3 纵横比：固定4:3，即使内部无图片也保持比例，防止塌陷 */
            aspect-ratio: 4 / 3;
            background-color: var(--color-gray-100, #f3f4f6);
            border-radius: var(--radius-xl, 1.2rem);
            overflow: hidden;                /* 保证圆角裁剪图片与层叠内容 */
            box-shadow: var(--shadow-md, 0 4px 6px -1px rgb(0 0 0 / 0.1));
            border: 1px solid var(--border-light, #e5e7eb);
            /* CSS3 过渡：悬浮动效 */
            transition: transform 0.3s cubic-bezier(0.2, 0, 0, 1), box-shadow 0.3s ease;
            cursor: default;
        }

        /* 鼠标悬浮特效：抬升 + 阴影加深 */
        .ser_fwln_philosophy_card:hover {
            transform: translateY(-8px);      /* CSS3 位移，产生浮起感 */
            box-shadow: 0 25px 30px -12px rgba(4, 84, 220, 0.15), 0 8px 15px rgba(0,0,0,0.08);
        }

        /* 主题图片 (覆盖整个卡片作为背景层) */
        .ser_fwln_card_image {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;               /* CSS3 图片填充，保持比例并裁剪 */
            display: block;
            background-color: var(--color-gray-200); /* 图片加载中/失败时的背景 */
            /* 保证图片不挤压其他内容 */
        }

        /* 图片加载失败时，依然有背景色和占位感 */
        .ser_fwln_card_image[src=""], 
        .ser_fwln_card_image:not([src]) {
            opacity: 0.5;
        }

        /* 叠加内容层 —— 靠下 + 居中对齐 (使用 Flex 实现垂直方向底部对齐) */
        .ser_fwln_card_overlay {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            /* CSS3 渐变遮罩：从透明到半透明黑，保证文字可读性 */
            background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 60%, transparent 100%);
            padding: 1.8rem 1.2rem 1.5rem;
            color: white;
            text-align: center;
            display: flex;
            flex-direction: column;
            align-items: center;
            /* CSS3 过渡：悬浮时轻微改变背景深度 */
            transition: background 0.3s ease;
        }

        .ser_fwln_philosophy_card:hover .ser_fwln_card_overlay {
            background: linear-gradient(to top, rgba(4, 84, 220, 0.85) 0%, rgba(4, 84, 220, 0.4) 70%, transparent 100%);
        }

        /* 图标占位 (后期替换为 iconfont) */
        .ser_fwln_overlay_icon {
            font-size: 2.2rem;
            line-height: 1;
            margin-bottom: 0.5rem;
            filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)); /* CSS3 滤镜，增加立体感 */
            transition: transform 0.2s;
        }

        .ser_fwln_overlay_icon i{
            font-size: 3rem;
        }

        .ser_fwln_philosophy_card:hover .ser_fwln_overlay_icon {
            transform: scale(1.05);           /* CSS3 缩放，微交互 */
        }

        /* 标题 */
        .ser_fwln_overlay_title {
            font-size: 1.5rem;
            font-weight: 700;
            margin-bottom: 0.4rem;
            color: white;
            text-shadow: 0 2px 6px rgba(0,0,0,0.3); /* CSS3 文字阴影 */
            letter-spacing: 0.5px;
        }

        /* 描述文字 */
        .ser_fwln_overlay_desc {
            font-size: 0.95rem;
            line-height: 1.5;
            color: rgba(255, 255, 255, 0.9);
            max-width: 90%;
            margin: 0 auto;
            text-shadow: 0 1px 3px rgba(0,0,0,0.2);
        }

        /* 图片加载失败时，依然保持框架不塌陷 (aspect-ratio已保证) */

        /* ----------------- 响应式：平板 (≤1024px) ----------------- */
        @media (max-width: 1024px) {
            .ser_fwln_container {
                /* padding: 0 1.8rem; */
            }
            .ser_fwln_section_title {
                font-size: 2.4rem;
            }
            /* 平板显示两列 */
            .ser_fwln_philosophy_grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 1.8rem;
            }
            .ser_fwln_overlay_title {
                font-size: 1.4rem;
            }
        }

        /* ----------------- 响应式：手机 (≤768px) ----------------- */
        @media (max-width: 768px) {
            .ser_fwln_philosophy_section {
                padding: 3.5rem 0;
            }
            .ser_fwln_container {
                /* padding: 0 1.2rem; */
            }
            .ser_fwln_section_title {
                font-size: 2rem;
            }
            .ser_fwln_section_title::after {
                width: 60px;
                height: 3px;
            }
            .ser_fwln_section_subtitle {
                font-size: 1rem;
            }
            /* 手机单列布局，阅读清晰 */
            .ser_fwln_philosophy_grid {
                grid-template-columns: 1fr;
                gap: 1.8rem;
            }
            /* 宽高比依然4:3 */
            .ser_fwln_philosophy_card {
                aspect-ratio: 4 / 3;
            }
            .ser_fwln_card_overlay {
                padding: 1.5rem 1rem 1.2rem;
            }
            .ser_fwln_overlay_title {
                font-size: 1.5rem;
            }
            .ser_fwln_overlay_desc {
                font-size: 0.9rem;
            }
        }

        /* 超小屏微调 */
        @media (max-width: 480px) {
            .ser_fwln_section_title {
                font-size: 1.8rem;
            }
            .ser_fwln_overlay_icon {
                font-size: 1.8rem;
            }
            .ser_fwln_overlay_title {
                font-size: 1.3rem;
            }
        }

        /* 确保图片容器与层叠关系正确 */
/* ==================== 服务支持 - 服务理念 模块 结束 ==================== */
/* ==================== 服务支持 - 服务理念 模块 结束 ==================== */
/* ==================== 服务支持 - 服务理念 模块 结束 ==================== */

/* ==================== 服务支持 - 常见问题 板块 开始 ==================== */
/* ==================== 服务支持 - 常见问题 板块 开始 ==================== */
/* ==================== 服务支持 - 常见问题 板块 开始 ==================== */

/* ==================== 服务支持 - 解决方案 方案列表页  开始 ==================== */
/* ==================== 服务支持 - 解决方案 方案列表页  开始 ==================== */
/* ==================== 服务支持 - 解决方案 方案列表页  开始 ==================== */
        
        /* ----- 板块容器：极简留白，限定最大宽度 ----- */
        .ser_fqa_section {
            display: block;
            width: 100%;
            padding-bottom: 5rem;
            /* padding: 3rem 1.5rem; */
            /* background-color: var(--color-white, #ffffff); */
            font-family: var(--font-family, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif);
            color: var(--text-body, #1f2937);
        }

        .ser_fqa_container {
            /* max-width: 1280px; */
            margin: 0 auto;
            width: 100%;
        }

        /* ----- 头部区域 ----- */
        .ser_fqa_header {
            margin-bottom: 2.5rem;
            position: relative;
        }

        .ser_fqa_title {
            font-size: 2.2rem;
            font-weight: 700;
            line-height: 1.2;
            letter-spacing: -0.01em;
            color: var(--color-gray-900, #111827);
            margin-bottom: 0.5rem;
            display: inline-block;
            position: relative;
            padding-left: 1.2rem;
        }

        .ser_fqa_title::before {
            content: "";
            position: absolute;
            left: 0;
            top: 0.15rem;
            bottom: 0.15rem;
            width: 6px;
            background: linear-gradient(180deg, #0454dc 0%, #3b82f6 100%);
            border-radius: 4px;
        }

        .ser_fqa_subtitle {
            font-size: 1.1rem;
            color: var(--color-gray-600, #4b5563);
            margin-top: 0.25rem;
            margin-left: 1.2rem;
            font-weight: 400;
            max-width: 720px;
        }

        /* ----- 常见问题列表 ----- */
        .ser_fqa_list {
            display: flex;
            flex-direction: column;
            gap: 1.25rem;
        }

        .ser_fqa_item {
            background: var(--color-white, #ffffff);
            border-radius: var(--radius-lg, 0.75rem);
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02), 0 4px 12px rgba(0, 0, 0, 0.02);
            border: 1px solid var(--border-light, #e5e7eb);
            transition: box-shadow 0.25s ease, border-color 0.2s ease;
            overflow: hidden;
        }

        .ser_fqa_item:hover {
            box-shadow: var(--shadow-md, 0 4px 6px -1px rgb(0 0 0 / 0.1));
            border-color: rgba(4, 84, 220, 0.2);
        }

        /* 问题区域 */
        .ser_fqa_question {
            display: flex;
            align-items: center;
            gap: 0.75rem;
            padding: 1.35rem 1.8rem;
            cursor: pointer;
            user-select: none;
            transition: background-color 0.15s ease;
            background-color: transparent;
        }

        .ser_fqa_question:hover {
            background-color: var(--color-gray-50, #f9fafb);
        }

        /* 问题文本前的小图标 */
        .ser_fqa_q_icon {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            width: 1.8rem;
            height: 1.8rem;
            font-size: 1.3rem;
            /* color: var(--color-primary, #0454dc); */
            color: #374151;
/*            background-color: rgba(4, 84, 220, 0.06);
            border-radius: 8px;
            transition: background-color 0.2s;*/
        }

        .ser_fqa_q_text {
            font-size: 1.15rem;
            font-weight: 600;
            line-height: 1.4;
            color: var(--color-gray-800, #1f2937);
            letter-spacing: -0.01em;
            flex: 1;
        }

        /* 右侧展开/折叠图标 */
        .ser_fqa_icon {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 2rem;
            height: 2rem;
            border-radius: 50%;
            background-color: var(--color-gray-100, #f3f4f6);
            color: var(--color-primary, #0454dc);
            font-size: 1.6rem;
            font-weight: 300;
            line-height: 1;
            transition: all 0.25s ease;
            flex-shrink: 0;
        }

        .ser_fqa_item.ser_fqa_active .ser_fqa_icon {
            background-color: var(--color-primary, #0454dc);
            color: white;
            transform: rotate(180deg);
        }

        /* 答案区域 */
        .ser_fqa_answer {
            max-height: 0;
            opacity: 0;
            overflow: hidden;
            padding: 0 1.8rem;
            transition: max-height 0.4s cubic-bezier(0.33, 1, 0.68, 1), 
                        opacity 0.3s ease 0.05s,
                        padding 0.3s ease;
            background-color: var(--color-gray-50, #f9fafb);
            border-top: 1px solid transparent;
            color: var(--color-gray-700, #374151);
            line-height: 1.6;
            font-size: 1rem;
            will-change: max-height, opacity;
        }

        .ser_fqa_item.ser_fqa_active .ser_fqa_answer {
            max-height: 500px;                 /* 稍增大以适应按钮 */
            opacity: 1;
            padding: 1.2rem 1.8rem 1.8rem 1.8rem;
            border-top-color: var(--border-light, #e5e7eb);
        }

        .ser_fqa_answer p {
            margin-bottom: 0.75rem;
        }
        .ser_fqa_answer p:last-of-type {
            margin-bottom: 0.5rem;
        }
        .ser_fqa_answer ul {
            list-style: disc;
            padding-left: 1.5rem;
            margin: 0.5rem 0;
        }
        .ser_fqa_answer li {
            margin-bottom: 0.3rem;
        }

        /* ----- 新增：查看详情按钮（链接样式）----- */
        .ser_fqa_detail_link {
            display: inline-flex;
            align-items: center;
            gap: 0.4rem;
            margin-top: 1rem;
            padding: 0.5rem 0;
            font-weight: 500;
            font-size: 0.95rem;
            color: var(--color-primary, #0454dc);
            text-decoration: none;
            border-bottom: 1.5px solid transparent;
            transition: border-color 0.2s ease, gap 0.2s ease;
            /* 保证可点击区域友好 */
            cursor: pointer;
        }

        .ser_fqa_detail_link:hover {
            border-bottom-color: var(--color-primary, #0454dc);
            gap: 0.6rem;                       /* 箭头轻微右移，增加动感 */
        }

        /* 箭头符号 (用伪元素或直接文本均可，这里使用内联文本→) */
        .ser_fqa_detail_link .ser_fqa_arrow {
            font-size: 1.1em;
            transition: transform 0.2s;
        }

        /* 底部联系入口 */
        .ser_fqa_footer_note {
            margin-top: 2.8rem;
            text-align: left;
            font-size: 0.95rem;
            color: var(--color-gray-500, #6b7280);
            border-top: 1px solid var(--border-light, #e5e7eb);
            padding-top: 1.8rem;
            display: flex;
            align-items: center;
            gap: 1rem;
            flex-wrap: wrap;
        }

        .ser_fqa_contact_link {
            display: inline-flex;
            align-items: center;
            gap: 0.4rem;
            color: var(--color-primary, #0454dc);
            font-weight: 500;
            transition: color 0.2s;
            cursor: default;
        }

        .ser_fqa_icon_placeholder {
            font-size: 1.2rem;
            line-height: 1;
        }

        /* ========== 响应式 ========== */
        @media (max-width: 1024px) {
            /* .ser_fqa_section { padding: 2.5rem 1.5rem; } */
            .ser_fqa_title { font-size: 2rem; }
            .ser_fqa_question { padding: 1.2rem 1.5rem; gap: 0.6rem; }
            .ser_fqa_q_text { font-size: 1.1rem; }
            .ser_fqa_q_icon { width: 1.6rem; height: 1.6rem; font-size: 1.2rem; }
            .ser_fqa_answer { padding: 0 1.5rem; }
            .ser_fqa_item.ser_fqa_active .ser_fqa_answer { padding: 1rem 1.5rem 1.6rem; }
        }

        @media (max-width: 768px) {
            /* .ser_fqa_section { padding: 2rem 1rem; } */
            .ser_fqa_header { margin-bottom: 1.8rem; }
            .ser_fqa_title { font-size: 1.8rem; padding-left: 1rem; }
            .ser_fqa_title::before { width: 5px; border-radius: 3px; }
            .ser_fqa_subtitle { font-size: 0.95rem; margin-left: 1rem; }
            .ser_fqa_list { gap: 1rem; }
            .ser_fqa_question { padding: 1rem 1.2rem; gap: 0.5rem; }
            .ser_fqa_q_icon { width: 1.5rem; height: 1.5rem; font-size: 1.1rem; border-radius: 6px; }
            .ser_fqa_q_text { font-size: 1rem; }
            .ser_fqa_icon { width: 1.8rem; height: 1.8rem; font-size: 1.4rem; }
            .ser_fqa_answer { font-size: 0.95rem; padding: 0 1.2rem; }
            .ser_fqa_item.ser_fqa_active .ser_fqa_answer { padding: 0.9rem 1.2rem 1.4rem; max-height: 700px; }
            .ser_fqa_footer_note { margin-top: 2rem; padding-top: 1.5rem; flex-direction: column; align-items: flex-start; gap: 0.5rem; }
            .ser_fqa_detail_link { font-size: 0.9rem; }
        }

        @media (max-width: 480px) {
            .ser_fqa_title { font-size: 1.6rem; }
            .ser_fqa_q_text { font-size: 0.98rem; }
        }

        /* 图片防塌陷 */
        .ser_fqa_section img {
            display: block;
            max-width: 100%;
            height: auto;
            background-color: var(--color-gray-100, #f3f4f6);
        }

        .ser_fqa_question {
            -webkit-tap-highlight-color: transparent;
        }
/* ==================== 服务支持 - 常见问题 板块 结束 ==================== */
/* ==================== 服务支持 - 常见问题 板块 结束 ==================== */
/* ==================== 服务支持 - 常见问题 板块 结束 ==================== */

/* ==================== 服务支持 - 服务政策 售后服务 板块 开始 ==================== */
/* ==================== 服务支持 - 服务政策 售后服务 板块 开始 ==================== */
/* ==================== 服务支持 - 服务政策 售后服务 板块 开始 ==================== */
        
        /* ----- 板块容器：充裕留白，限定最大宽度 ----- */
        .ser_fwzc_service_section {
            display: block;
            width: 100%;
            /* padding: 3rem 1.5rem;
            background-color: var(--color-white, #ffffff); */
            font-family: var(--font-family, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif);
            color: var(--text-body, #1f2937);
        }

        .ser_fwzc_service_container {
            /* max-width: 1280px;
            margin: 0 auto;
            width: 100%; */
        }

        /* ----- 头部区域：标题 + 装饰线 + 副标题 ----- */
        .ser_fwzc_service_header {
            margin-bottom: 2.5rem;
            position: relative;
        }

        .ser_fwzc_service_title {
            font-size: 2.2rem;
            font-weight: 700;
            line-height: 1.2;
            letter-spacing: -0.01em;
            color: var(--color-gray-900, #111827);
            margin-bottom: 0.5rem;
            display: inline-block;
            position: relative;
            padding-left: 1.2rem;
        }

        /* 左侧蓝色装饰条 (CSS3 渐变增强质感) */
        .ser_fwzc_service_title::before {
            content: "";
            position: absolute;
            left: 0;
            top: 0.15rem;
            bottom: 0.15rem;
            width: 6px;
            /* CSS3 渐变：蓝色线性渐变，提升科技感 */
            background: linear-gradient(180deg, #0454dc 0%, #3b82f6 100%);
            border-radius: 4px;
        }

        .ser_fwzc_service_subtitle {
            font-size: 1.1rem;
            color: var(--color-gray-600, #4b5563);
            margin-top: 0.25rem;
            margin-left: 1.2rem;
            font-weight: 400;
            max-width: 720px;
        }

        /* ----- 核心亮点卡片（4项，Grid布局）----- */
        .ser_fwzc_highlights_grid {
            display: grid;
            /* CSS3 Grid：定义4列等宽，自动换行 */
            grid-template-columns: repeat(4, 1fr);
            gap: 1.5rem;
            margin-bottom: 2.8rem;
        }

        .ser_fwzc_highlight_card {
            background: var(--color-white, #ffffff);
            border-radius: var(--radius-lg, 0.75rem);
            padding: 1.5rem 1.2rem;
            box-shadow: var(--shadow-sm, 0 1px 2px 0 rgb(0 0 0 / 0.05));
            border: 1px solid var(--border-light, #e5e7eb);
            /* CSS3 过渡：阴影与边框颜色平滑变化 */
            transition: box-shadow 0.25s ease, border-color 0.2s ease, transform 0.2s ease;
        }

        .ser_fwzc_highlight_card:hover {
            box-shadow: var(--shadow-md, 0 4px 6px -1px rgb(0 0 0 / 0.1));
            border-color: rgba(4, 84, 220, 0.25);
            /* CSS3 位移：轻微上浮，增强交互感 */
            transform: translateY(-3px);
        }

        /* 卡片内图标占位符 */
        .ser_fwzc_card_icon {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 2.8rem;
            height: 2.8rem;
            background-color: rgba(4, 84, 220, 0.08);
            border-radius: 12px;
            color: var(--color-primary, #0454dc);
            font-size: 1.8rem;
            margin-bottom: 1.2rem;
            /* 后期替换为 <i class="iconfont ser_fwzc_card_icon">&#x..;</i> */
        }

        .ser_fwzc_card_icon i{
            font-size: 2rem;
            color: #111827;
        }

        .ser_fwzc_card_title {
            font-size: 1.2rem;
            font-weight: 700;
            margin-bottom: 0.5rem;
            color: var(--color-gray-800, #1f2937);
        }

        .ser_fwzc_card_desc {
            font-size: 0.9rem;
            line-height: 1.5;
            color: var(--color-gray-600, #4b5563);
        }

        /* ----- 详细政策区域 (两列布局) ----- */
        .ser_fwzc_policy_row {
            display: flex;
            flex-wrap: wrap;
            gap: 1.8rem;
            margin-bottom: 2rem;
        }

        .ser_fwzc_policy_col {
            flex: 1 1 0;                     /* 两列等宽 */
            min-width: 280px;                 /* 防止过窄 */
        }

        /* 政策卡片（白色背景，圆角，边框） */
        .ser_fwzc_policy_card {
            /* background: var(--color-white, #ffffff); */
            /* border-radius: var(--radius-lg, 0.75rem); */
            /* padding: 1.8rem 1.8rem 2rem; */
            /* border: 1px solid var(--border-light, #e5e7eb);
            box-shadow: var(--shadow-sm, 0 1px 2px 0 rgb(0 0 0 / 0.05)); */
            height: 100%;
            display: flex;
            flex-direction: column;
        }

        .ser_fwzc_policy_card_header {
            display: flex;
            align-items: center;
            gap: 0.6rem;
            margin-bottom: 1.5rem;
            border-bottom: 1px solid var(--border-light, #e5e7eb);
            padding-bottom: 1rem;
        }

        .ser_fwzc_policy_icon {
            font-size: 1.8rem;
            color: var(--color-primary, #0454dc);
        }

        .ser_fwzc_policy_icon i{
            font-size: 2rem;
            color: #000;
        }

        .ser_fwzc_policy_card_title {
            font-size: 1.4rem;
            font-weight: 700;
            color: var(--color-gray-800, #1f2937);
            letter-spacing: -0.01em;
            margin-bottom: 0;
        }

        /* 政策内容列表样式 */
        .ser_fwzc_policy_list {
            list-style: none;
            margin-bottom: 1rem;
            flex: 1;
        }

        .ser_fwzc_policy_list li {
            position: relative;
            padding-left: 1.5rem;
            margin-bottom: 0.9rem;
            font-size: 0.95rem;
            line-height: 1.5;
            color: var(--color-gray-700, #374151);
        }

        /* 列表项前的小圆点 (主题色) */
        .ser_fwzc_policy_list li::before {
            content: "●";
            position: absolute;
            left: 0;
            color: var(--color-primary, #0454dc);
            font-size: 0.9rem;
        }

        .ser_fwzc_note_text {
            font-size: 0.9rem;
            color: var(--color-gray-500, #6b7280);
            margin-top: 0.8rem;
            border-top: 1px dashed var(--border-light, #e5e7eb);
            padding-top: 1rem;
        }

        /* 增值服务区域 (单独卡片，横跨两列下方) */
        .ser_fwzc_value_section {
            margin-top: 1.2rem;
            background: var(--color-gray-50, #f9fafb);
            border-radius: var(--radius-lg, 0.75rem);
            padding: 1.5rem 1.8rem;
            border: 1px solid var(--border-light, #e5e7eb);
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: space-between;
        }

        .ser_fwzc_value_text {
            display: flex;
            align-items: center;
            gap: 0.8rem;
            flex-wrap: wrap;
        }

        .ser_fwzc_value_icon {
            color: #111827;
        }

        .ser_fwzc_value_title {
            font-weight: 700;
            color: var(--color-gray-800, #1f2937);
        }

        .ser_fwzc_value_desc {
            color: var(--color-gray-600, #4b5563);
            font-size: 0.95rem;
        }

        /* 详情链接按钮 (简约文字链) */
        .ser_fwzc_more_link {
            display: inline-flex;
            align-items: center;
            gap: 0.4rem;
            padding: 0.5rem 1rem;
            background: transparent;
            border: 1px solid var(--color-primary, #0454dc);
            border-radius: 40px;
            color: var(--color-primary, #0454dc);
            font-weight: 500;
            font-size: 0.9rem;
            transition: all 0.2s ease;
            text-decoration: none;
            white-space: nowrap;
        }

        .ser_fwzc_more_link:hover {
            background: var(--color-primary, #0454dc);
            color: white;
        }

        /* 底部监督与热线 */
        .ser_fwzc_footer_contact {
            margin-top: 2.5rem;
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-wrap: wrap;
            gap: 1rem;
            border-top: 1px solid var(--border-light, #e5e7eb);
            padding-top: 1.8rem;
        }

        .ser_fwzc_hotline {
            display: flex;
            align-items: center;
            gap: 1.2rem;
            flex-wrap: wrap;
        }

        .ser_fwzc_hotline_item {
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .ser_fwzc_hotline_icon {
            color: #111827;
        }

        .ser_fwzc_hotline_number {
            font-weight: 700;
            font-size: 1.2rem;
            color: var(--color-gray-800, #1f2937);
            letter-spacing: 0.5px;
        }

        .ser_fwzc_badge {
            background: var(--color-gray-100, #f3f4f6);
            padding: 0.3rem 1rem;
            border-radius: 30px;
            font-size: 0.85rem;
            color: var(--color-gray-600, #4b5563);
        }

        /* ========== 响应式适配 ========== */
        /* 平板 (≤1024px) */
        @media (max-width: 1024px) {
            .ser_fwzc_service_section {
                /* padding: 2.5rem 1.5rem; */
            }
            .ser_fwzc_service_title {
                font-size: 2rem;
            }
            .ser_fwzc_highlights_grid {
                grid-template-columns: repeat(2, 1fr);  /* 两列 */
                gap: 1.2rem;
            }
            .ser_fwzc_policy_row {
                gap: 1.5rem;
            }
            .ser_fwzc_policy_card {
                /* padding: 1.5rem; */
            }
            .ser_fwzc_value_section {
                flex-direction: column;
                align-items: flex-start;
                gap: 1rem;
            }
        }

        /* 手机 (≤768px) */
        @media (max-width: 768px) {
            .ser_fwzc_service_section {
                /* padding: 2rem 1rem; */
            }
            .ser_fwzc_service_header {
                margin-bottom: 1.8rem;
            }
            .ser_fwzc_service_title {
                font-size: 1.8rem;
                padding-left: 1rem;
            }
            .ser_fwzc_service_title::before {
                width: 5px;
            }
            .ser_fwzc_service_subtitle {
                font-size: 0.95rem;
                margin-left: 1rem;
            }
            .ser_fwzc_highlights_grid {
                grid-template-columns: 1fr;       /* 单列 */
                gap: 1rem;
                margin-bottom: 2rem;
            }
            .ser_fwzc_policy_row {
                flex-direction: column;
                gap: 1.2rem;
            }
            .ser_fwzc_policy_col {
                min-width: 100%;
            }
            .ser_fwzc_policy_card {
                /* padding: 1.2rem 1.2rem 1.6rem; */
            }
            .ser_fwzc_policy_card_title {
                font-size: 1.3rem;
            }
            .ser_fwzc_footer_contact {
                flex-direction: column;
                align-items: flex-start;
            }
            .ser_fwzc_more_link {
                white-space: normal;
            }
        }

        /* 超小屏微调 */
        @media (max-width: 480px) {
            .ser_fwzc_service_title {
                font-size: 1.6rem;
            }
            .ser_fwzc_card_title {
                font-size: 1.1rem;
            }
            .ser_fwzc_hotline {
                flex-direction: column;
                align-items: flex-start;
                gap: 0.5rem;
            }
        }

        /* 图片占位防塌陷 */
        .ser_fwzc_service_section img {
            display: block;
            max-width: 100%;
            height: auto;
            background-color: var(--color-gray-100, #f3f4f6);
        }

        /* 辅助文本样式 */
        .ser_fwzc_highlight {
            color: var(--color-primary, #0454dc);
            font-weight: 600;
        }
/* ==================== 服务支持 - 服务政策 售后服务 板块 结束 ==================== */
/* ==================== 服务支持 - 服务政策 售后服务 板块 结束 ==================== */
/* ==================== 服务支持 - 服务政策 售后服务 板块 结束 ==================== */

        /* ============================================================
           变压器行业 · 解决方案列表页 —— 定制样式
           前缀统一：ser_falist_  
           主题色：#0454dc  简约科技风 · 响应式 · 轻交互
           所有CSS3新特性均附中文注释
        ============================================================ */

        /* ----- 页面专属容器：保证内外边距与栅格感 ----- */
        .ser_falist_main {
            display: block;
            width: 100%;
            /* max-width: 1440px;        超大屏舒适宽度 */
            margin: 0 auto;
            /* padding: 2.5rem 2rem 4rem; 上下留白，呼吸感 */
        }

        /* ----- 页面标题区域 (科技感大标题+细线装饰) ----- */
        .ser_falist_page-header {
            margin-bottom: 3.5rem;
            text-align: center;
        }

        /* 标题高亮色块 (主题蓝点缀) */
        .ser_falist_page-header h1 span {
            color: #0454dc;
            position: relative;
        }



        /* ----- 解决方案网格 —— 采用CSS Grid (CSS3 网格布局) 实现响应式卡片流 ----- */
        .ser_falist_grid {
            display: grid;
            /* 电脑端默认三列，每列最小260px，自动填充 */
            grid-template-columns: repeat(3, 1fr);
            gap: 2rem 1.8rem;          /* 行列间隙，清爽透气 */
        }

        /* ----- 单个解决方案卡片 (轻质感、悬浮微动效) ----- */
        .ser_falist_card {
            background-color: #ffffff;
            border-radius: 20px;        /* 大圆角，现代感 (CSS3) */
            box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.02);
            /* 柔和阴影 (CSS3 box-shadow) 营造浮起层次 */
            transition: transform 0.25s ease, box-shadow 0.3s ease; /* 过渡动画 (CSS3) */
            overflow: hidden;           /* 圆角裁边 */
            display: flex;
            flex-direction: column;
            height: 100%;
            border: 1px solid #f0f2f5;  /* 极淡边框，增强轮廓 */
        }
        /* 卡片悬停效果 —— 丝滑上浮 + 阴影加深 */
        .ser_falist_card:hover {
            transform: translateY(-6px);
            box-shadow: 0 25px 30px -12px rgba(4, 84, 220, 0.12), 0 6px 12px -6px rgba(0, 0, 0, 0.08);
            border-color: rgba(4, 84, 220, 0.15);
        }

        /* ----- 卡片图片容器 (固定宽高比，防止图片加载失败塌陷) ----- */
        .ser_falist_card-img {
            aspect-ratio: 16 / 9;       /* CSS3 属性：固定宽高比，即使无图片也保持区域 */
            width: 100%;
            background-color: #f3f4f6;  /* 图片占位背景 (与重置样式灰色呼应) */
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            position: relative;
        }
        /* 图片本身样式：铺满容器，保持比例裁剪 (CSS3 object-fit) */
        .ser_falist_card-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;          /* 保证图片不变形，类似背景cover效果 */
            display: block;
            transition: transform 0.4s ease; /* 图片缓慢放大 (交互细节) */
            background: #e5e7eb;        /* 图片加载中的后备色 */
        }
        /* 悬停时图片轻微放大，增加沉浸感 */
        .ser_falist_card:hover .ser_falist_card-img img {
            transform: scale(1.03);
        }
        /* 如果图片加载失败/无图，显示后备文本 (框架不塌陷) */
        .ser_falist_card-img--fallback {
            position: absolute;
            color: #6b7280;
            font-size: 0.9rem;
            font-weight: 400;
            background: #e5e7eb;
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        /* 但通常我们直接img自带alt，为了保险我们使用一个占位背景。 
           同时可以内嵌SVG占位，具体在HTML里使用内联svg保证美观。 */

        /* ----- 卡片内容区域 (文字、标签、操作) ----- */
        .ser_falist_card-content {
            padding: 1.8rem 1.5rem 2rem;
            flex: 1;
            display: flex;
            flex-direction: column;
            background: #fff;
        }

        /* 方案类别微标签 (芯片风格) */
        .ser_falist_card-badge {
            display: inline-block;
            background: rgba(4, 84, 220, 0.08);
            color: #0454dc;
            font-size: 0.75rem;
            font-weight: 600;
            letter-spacing: 0.3px;
            padding: 0.25rem 0.9rem;
            border-radius: 30px;         /* 胶囊标签 (CSS3) */
            margin-bottom: 1rem;
            align-self: flex-start;      /* 宽度根据内容 */
            border: 1px solid rgba(4, 84, 220, 0.2);
            text-transform: uppercase;
        }

        /* 卡片主标题 */
        .ser_falist_card-title {
            font-size: 1.6rem;
            font-weight: 700;
            line-height: 1.3;
            margin-bottom: 0.75rem;
            color: #1f2937;
            letter-spacing: -0.01em;
        }

        /* 卡片描述文字 (辅助说明) */
        .ser_falist_card-desc {
            font-size: 0.95rem;
            line-height: 1.6;
            color: #4b5563;
            margin-bottom: 1.8rem;
            flex: 1;                    /* 撑开剩余空间，保证按钮底部对齐 */
        }

        /* 卡片底部：包含虚拟图标 + 链接 (模拟后期iconfont) */
        .ser_falist_card-footer {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-top: 0.5rem;
        }

        /* 虚拟图标组 (替代iconfont) */
        .ser_falist_meta-icons {
            display: flex;
            gap: 12px;
            color: #9ca3af;
            font-size: 1rem;
        }
        /* 单个图标占位 —— 使用emoji或简单符号，后期替换为 <i class="iconfont"></i> */
        .ser_falist_icon-placeholder {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 24px;
            height: 24px;
            background: #f3f4f6;
            border-radius: 30px;
            font-size: 14px;
            color: #4b5563;
            transition: background 0.2s;
        }
        /* 示意交互 */
        .ser_falist_card:hover .ser_falist_icon-placeholder {
            background: #eef2ff;
            color: #0454dc;
        }

        /* 详情链接 (仿按钮，但极简) */
        .ser_falist_detail-link {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            font-weight: 600;
            font-size: 0.95rem;
            color: #0454dc;
            text-decoration: none;
            border-bottom: 1.5px solid transparent;
            transition: border-color 0.2s, gap 0.2s;
            padding-bottom: 2px;
        }
        .ser_falist_detail-link:hover {
            border-bottom-color: #0454dc;
            gap: 10px;                  /* 箭头微动 */
            color: #023a96;
        }
        /* 箭头占位 (后期改iconfont) */
        .ser_falist_arrow-symbol {
            font-size: 1.2rem;
            line-height: 1;
            transition: transform 0.2s;
        }
        .ser_falist_detail-link:hover .ser_falist_arrow-symbol {
            transform: translateX(3px);
        }

        /* ----- 平板适配: 1024px 及以下 两列布局 ----- */
        @media (max-width: 1024px) {
            .ser_falist_main {
                padding: 2rem 1.8rem 3rem;
            }
            .ser_falist_grid {
                grid-template-columns: repeat(2, 1fr); /* 平板双列 */
                gap: 1.8rem;
            }
            .ser_falist_page-header h1 {
                font-size: 2.6rem;
            }
            .ser_falist_card-title {
                font-size: 1.5rem;
            }
        }

        /* ----- 手机适配: 768px 及以下 单列 + 间距优化 ----- */
        @media (max-width: 768px) {
            .ser_falist_main {
                padding: 1.8rem 1.2rem 2.5rem;
            }
            .ser_falist_grid {
                grid-template-columns: 1fr;    /* 手机单列，清晰可读 */
                gap: 1.8rem;
            }
            .ser_falist_page-header h1 {
                font-size: 2.2rem;
            }
            .ser_falist_card-content {
                padding: 1.5rem 1.2rem 1.8rem;
            }
            .ser_falist_card-title {
                font-size: 1.5rem;
            }
            .ser_falist_card-badge {
                font-size: 0.7rem;
            }
            /* 保证手指触摸区域舒适 */
            .ser_falist_detail-link {
                padding: 6px 0;
            }
            .ser_falist_meta-icons {
                gap: 16px;
            }
        }

        /* 辅助: 如果图片区域需要更强的后备显示，我们用了内联svg，故不额外添加伪元素。
           为了极致稳健，卡片图片容器内部还有一个用于占位的备用层（在img后），但若svg正常显示则无影响 */
        
        /* 额外工具：保持卡片等高 */
        .ser_falist_grid {
            align-items: stretch;
        }

        /* 无其他冗余样式，所有自定义均加前缀 ser_falist_ 
           已存在的重置样式（按钮、表单、栅格等）不重复，直接继承 */
/* ==================== 服务支持 - 解决方案 方案列表页  结束 ==================== */
/* ==================== 服务支持 - 解决方案 方案列表页  结束 ==================== */
/* ==================== 服务支持 - 解决方案 方案列表页  结束 ==================== */


/* ==================== 服务支持 - 后期改造的CSS样式 开始 ==================== */
/* ==================== 服务支持 - 后期改造的CSS样式 开始 ==================== */
/* ==================== 服务支持 - 后期改造的CSS样式 开始 ==================== */



        /* ============================================================
           变压器行业 · 解决方案列表页 —— 定制样式
           前缀统一：ser_falist_  
           主题色：#0454dc  简约科技风 · 响应式 · 轻交互
           所有CSS3新特性均附中文注释
        ============================================================ */

        /* ----- 页面专属容器：保证内外边距与栅格感 ----- */
        .ser_falist_main {
            display: block;
            width: 100%;
            /* max-width: 1440px;        超大屏舒适宽度 */
            margin: 0 auto;
            /* padding: 2.5rem 2rem 4rem; 上下留白，呼吸感 */
        }

        /* ----- 页面标题区域 (科技感大标题+细线装饰) ----- */
        .ser_falist_page-header {
            margin-bottom: 3.5rem;
            text-align: center;
        }

        /* 标题高亮色块 (主题蓝点缀) */
        .ser_falist_page-header h1 span {
            color: #0454dc;
            position: relative;
        }



        /* ----- 解决方案网格 —— 采用CSS Grid (CSS3 网格布局) 实现响应式卡片流 ----- */
        .ser_falist_grid {
            display: grid;
            /* 电脑端默认三列，每列最小260px，自动填充 */
            grid-template-columns: repeat(3, 1fr);
            gap: 2rem 1.8rem;          /* 行列间隙，清爽透气 */
        }

        /* ----- 单个解决方案卡片 (轻质感、悬浮微动效) ----- */
        .ser_falist_card {
            background-color: #ffffff;
            border-radius: 20px;        /* 大圆角，现代感 (CSS3) */
            box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.02);
            /* 柔和阴影 (CSS3 box-shadow) 营造浮起层次 */
            transition: transform 0.25s ease, box-shadow 0.3s ease; /* 过渡动画 (CSS3) */
            overflow: hidden;           /* 圆角裁边 */
            display: flex;
            flex-direction: column;
            height: 100%;
            border: 1px solid #f0f2f5;  /* 极淡边框，增强轮廓 */
        }
        /* 卡片悬停效果 —— 丝滑上浮 + 阴影加深 */
        .ser_falist_card:hover {
            transform: translateY(-6px);
            box-shadow: 0 25px 30px -12px rgba(4, 84, 220, 0.12), 0 6px 12px -6px rgba(0, 0, 0, 0.08);
            border-color: rgba(4, 84, 220, 0.15);
        }

        /* ----- 卡片图片容器 (固定宽高比，防止图片加载失败塌陷) ----- */
        .ser_falist_card-img {
            aspect-ratio: 16 / 9;       /* CSS3 属性：固定宽高比，即使无图片也保持区域 */
            width: 100%;
            background-color: #f3f4f6;  /* 图片占位背景 (与重置样式灰色呼应) */
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            position: relative;
        }
        /* 图片本身样式：铺满容器，保持比例裁剪 (CSS3 object-fit) */
        .ser_falist_card-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;          /* 保证图片不变形，类似背景cover效果 */
            display: block;
            transition: transform 0.4s ease; /* 图片缓慢放大 (交互细节) */
            background: #e5e7eb;        /* 图片加载中的后备色 */
        }
        /* 悬停时图片轻微放大，增加沉浸感 */
        .ser_falist_card:hover .ser_falist_card-img img {
            transform: scale(1.03);
        }
        /* 如果图片加载失败/无图，显示后备文本 (框架不塌陷) */
        .ser_falist_card-img--fallback {
            position: absolute;
            color: #6b7280;
            font-size: 0.9rem;
            font-weight: 400;
            background: #e5e7eb;
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        /* 但通常我们直接img自带alt，为了保险我们使用一个占位背景。 
           同时可以内嵌SVG占位，具体在HTML里使用内联svg保证美观。 */

        /* ----- 卡片内容区域 (文字、标签、操作) ----- */
        .ser_falist_card-content {
            padding: 1.8rem 1.5rem 2rem;
            flex: 1;
            display: flex;
            flex-direction: column;
            background: #fff;
        }

        /* 方案类别微标签 (芯片风格) */
        .ser_falist_card-badge {
            display: inline-block;
            background: rgba(4, 84, 220, 0.08);
            color: #0454dc;
            font-size: 0.75rem;
            font-weight: 600;
            letter-spacing: 0.3px;
            padding: 0.25rem 0.9rem;
            border-radius: 30px;         /* 胶囊标签 (CSS3) */
            margin-bottom: 1rem;
            align-self: flex-start;      /* 宽度根据内容 */
            border: 1px solid rgba(4, 84, 220, 0.2);
            text-transform: uppercase;
        }

        /* 卡片主标题 */
        .ser_falist_card-title {
            font-size: 1.6rem;
            font-weight: 700;
            line-height: 1.3;
            margin-bottom: 0.75rem;
            color: #1f2937;
            letter-spacing: -0.01em;
        }

        /* 卡片描述文字 (辅助说明) */
        .ser_falist_card-desc {
            font-size: 0.95rem;
            line-height: 1.6;
            color: #4b5563;
            margin-bottom: 1.8rem;
            flex: 1;                    /* 撑开剩余空间，保证按钮底部对齐 */
        }

        /* 卡片底部：包含虚拟图标 + 链接 (模拟后期iconfont) */
        .ser_falist_card-footer {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-top: 0.5rem;
        }

        /* 虚拟图标组 (替代iconfont) */
        .ser_falist_meta-icons {
            display: flex;
            gap: 12px;
            color: #9ca3af;
            font-size: 1rem;
        }
        /* 单个图标占位 —— 使用emoji或简单符号，后期替换为 <i class="iconfont"></i> */
        .ser_falist_icon-placeholder {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 24px;
            height: 24px;
            background: #f3f4f6;
            border-radius: 30px;
            font-size: 14px;
            color: #4b5563;
            transition: background 0.2s;
        }
        /* 示意交互 */
        .ser_falist_card:hover .ser_falist_icon-placeholder {
            background: #eef2ff;
            color: #0454dc;
        }

        /* 详情链接 (仿按钮，但极简) */
        .ser_falist_detail-link {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            font-weight: 600;
            font-size: 0.95rem;
            color: #0454dc;
            text-decoration: none;
            border-bottom: 1.5px solid transparent;
            transition: border-color 0.2s, gap 0.2s;
            padding-bottom: 2px;
        }
        .ser_falist_detail-link:hover {
            border-bottom-color: #0454dc;
            gap: 10px;                  /* 箭头微动 */
            color: #023a96;
        }
        /* 箭头占位 (后期改iconfont) */
        .ser_falist_arrow-symbol {
            font-size: 1.2rem;
            line-height: 1;
            transition: transform 0.2s;
        }
        .ser_falist_detail-link:hover .ser_falist_arrow-symbol {
            transform: translateX(3px);
        }

        /* ----- 平板适配: 1024px 及以下 两列布局 ----- */
        @media (max-width: 1024px) {
            .ser_falist_main {
                padding: 2rem 1.8rem 3rem;
            }
            .ser_falist_grid {
                grid-template-columns: repeat(2, 1fr); /* 平板双列 */
                gap: 1.8rem;
            }
            .ser_falist_page-header h1 {
                font-size: 2.6rem;
            }
            .ser_falist_card-title {
                font-size: 1.5rem;
            }
        }

        /* ----- 手机适配: 768px 及以下 单列 + 间距优化 ----- */
        @media (max-width: 768px) {
            .ser_falist_main {
                padding: 1.8rem 1.2rem 2.5rem;
            }
            .ser_falist_grid {
                grid-template-columns: 1fr;    /* 手机单列，清晰可读 */
                gap: 1.8rem;
            }
            .ser_falist_page-header h1 {
                font-size: 2.2rem;
            }
            .ser_falist_card-content {
                padding: 1.5rem 1.2rem 1.8rem;
            }
            .ser_falist_card-title {
                font-size: 1.5rem;
            }
            .ser_falist_card-badge {
                font-size: 0.7rem;
            }
            /* 保证手指触摸区域舒适 */
            .ser_falist_detail-link {
                padding: 6px 0;
            }
            .ser_falist_meta-icons {
                gap: 16px;
            }
        }

        /* 辅助: 如果图片区域需要更强的后备显示，我们用了内联svg，故不额外添加伪元素。
           为了极致稳健，卡片图片容器内部还有一个用于占位的备用层（在img后），但若svg正常显示则无影响 */
        
        /* 额外工具：保持卡片等高 */
        .ser_falist_grid {
            align-items: stretch;
        }

        /* 无其他冗余样式，所有自定义均加前缀 ser_falist_ 
           已存在的重置样式（按钮、表单、栅格等）不重复，直接继承 */
/* ==================== 服务支持 - 解决方案 方案列表页  结束 ==================== */
/* ==================== 服务支持 - 解决方案 方案列表页  结束 ==================== */
/* ==================== 服务支持 - 解决方案 方案列表页  结束 ==================== */

/* ==================== 服务支持 - 后期改造的CSS样式 开始 ==================== */
/* ==================== 服务支持 - 后期改造的CSS样式 开始 ==================== */
/* ==================== 服务支持 - 后期改造的CSS样式 开始 ==================== */

/* ----------------------------------------------
   模块1: 常见问题区域（.ser_fqa_header）
   实现标题区与「查看更多」按钮 Flex 左右布局
   兼容性：桌面端优先，平板/手机自适应
   CSS3 属性均附带中文注释
---------------------------------------------- */
.ser_fqa_header {
  display: flex;                /* CSS3 弹性布局 —— 使内部元素横向排列 */
  flex-wrap: wrap;             /* 允许换行，窄屏幕时按钮可自动换到下一行 */
  align-items: center;         /* 垂直居中对齐（标题区与按钮垂直居中） */
  justify-content: space-between; /* 左右两端对齐：标题区靠左，按钮靠右 */
  margin-bottom: 2rem;         /* 与下方列表保持舒适间距（覆盖原 margin-bottom） */
  gap: 1rem 1.5rem;            /* CSS3 gap 属性：行间距1rem，列间距1.5rem，避免贴边 */
}

/* 标题容器（ser_fqa_title_box）不设宽度，自动占据剩余空间，让按钮自然右浮动 */
.ser_fqa_title_box {
  flex: 1 1 auto;              /* 允许增长，占据剩余空间，防止按钮被挤压 */
}

/* “查看更多”按钮外层容器 - 靠右对齐（由父级 justify-content 保证） */
.ser_fqa_more_box {
  flex-shrink: 0;              /* 防止按钮容器被压缩，保持原始宽度 */
  margin-left: auto;           /* 辅助确保右对齐（同时父级 space-between 已生效） */
}

/* 查看更多按钮样式（精致简洁，符合品牌调性） */
.ser_fqa_more_box_a {
  display: inline-flex;        /* 行内弹性布局，便于图标与文字对齐 */
  align-items: center;
  gap: 0.5rem;                 /* 文字与图标的间距（如果需要后期加箭头） */
  padding: 0.65rem 1.6rem;
  font-weight: 600;
  font-size: 0.95rem;
  color: #0454dc;              /* 主题蓝色 */
  background-color: transparent;
  border: 1.5px solid rgba(4, 84, 220, 0.3);
  border-radius: 40px;         /* CSS3 大圆角胶囊按钮 */
  transition: all 0.25s ease;  /* CSS3 过渡动画：背景色、边框、阴影平滑变化 */
  cursor: pointer;
  text-decoration: none;
  letter-spacing: 0.3px;
  backdrop-filter: blur(0px);   /* 占位，无模糊效果，保持清爽 */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
}

/* 鼠标悬浮效果：背景填充主题色，文字变白，阴影增强 */
.ser_fqa_more_box_a:hover {
  background-color: #0454dc;
  color: #ffffff;
  border-color: #0454dc;
  box-shadow: 0 8px 18px rgba(4, 84, 220, 0.2); /* CSS3 扩展阴影，提升科技感 */
  transform: translateY(-2px);   /* CSS3 位移 轻微上浮 */
}

/* 点击反馈 */
.ser_fqa_more_box_a:active {
  transform: translateY(1px);
  box-shadow: 0 4px 10px rgba(4, 84, 220, 0.15);
}

/* 焦点可见性（无障碍） */
.ser_fqa_more_box_a:focus-visible {
  outline: 2px solid #0454dc;
  outline-offset: 3px;
  border-radius: 40px;
}

/* ----------------------------------------------
   模块2: 行业解决方案区域（.ser_solu_section_header）
   实现 .ser_solu_section_box 与「查看更多」Flex 左右布局
   完全遵循企业视觉体系
---------------------------------------------- */
/*.ser_solu_section_header {
  display: flex;                /~ CSS3 弹性布局主容器 ~/
  flex-wrap: wrap;             /~ 手机/平板下自动换行，保持内容清晰 ~/
  align-items: center;         /~ 垂直居中 ~/
  justify-content: space-between; /~ 左侧内容盒子和右侧按钮两端对齐 ~/
  margin-bottom: 2.8rem;       /~ 下边距与卡片网格保持呼吸感 ~/
  gap: 1.2rem 2rem;            /~ 行列间隙，窄屏时自适应 ~/
}*/


.ser_solu_section_header {
    display: flex;
    margin-bottom: 2.8rem;
    gap: 0rem 0rem;
    flex-direction: column;
}


/* 左侧文字容器（标题+副标题）*/
.ser_solu_section_box {
  flex: 1 1 auto;              /* 自动占据剩余空间，避免按钮挤压文字 */
  max-width: 80%;              /* 桌面端最大宽度限制，保障排版优雅 */
}

/* 查看更多按钮容器（右对齐）*/
.ser_solu_more_box {
  flex-shrink: 0;
  margin-left: auto;
}

/* 查看更多链接样式（与 .ser_fqa_more_box_a 视觉统一，略有微调保持品牌一致） */
.ser_solu_more_box_a {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.7rem 1.8rem;
  font-weight: 600;
  font-size: 0.98rem;
  color: #0454dc;
  background: rgba(4, 84, 220, 0.04);
  border: 1.5px solid rgba(4, 84, 220, 0.35);
  border-radius: 60px;          /* 更高圆角，现代感 */
  text-decoration: none;
  transition: all 0.25s cubic-bezier(0.2, 0, 0, 1); /* CSS3 缓动曲线更顺滑 */
  cursor: pointer;
  letter-spacing: 0.4px;
  backdrop-filter: blur(0px);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02);
}

/* 悬浮效果：背景加深，白色文字，提升交互感 */
.ser_solu_more_box_a:hover {
  background-color: #0454dc;
  color: #ffffff;
  border-color: #0454dc;
  box-shadow: 0 8px 20px rgba(4, 84, 220, 0.2);
  transform: translateY(-2px);   /* 轻微上浮 */
}

/* 点击时动画回弹 */
.ser_solu_more_box_a:active {
  transform: translateY(1px);
  transition-duration: 0.1s;
}

/* 无障碍焦点 */
.ser_solu_more_box_a:focus-visible {
  outline: 2px solid #0454dc;
  outline-offset: 3px;
  border-radius: 60px;
}

/* ============================================================
   响应式适配：平板 (max-width: 1024px)
   保持布局舒适，适当调整按钮尺寸与间距
============================================================ */
@media (max-width: 1024px) {
  .ser_fqa_header {
    gap: 0.8rem 1.2rem;
    margin-bottom: 1.8rem;
  }
  .ser_fqa_more_box_a {
    padding: 0.55rem 1.4rem;
    font-size: 0.9rem;
  }
  .ser_solu_section_header {
    gap: 1rem 1.5rem;
    margin-bottom: 2rem;
  }
  .ser_solu_section_box {
    max-width: 70%;            /* 平板时左侧标题区宽度略微收缩，仍保留大量空间 */
  }
  .ser_solu_more_box_a {
    padding: 0.6rem 1.5rem;
    font-size: 0.92rem;
  }
}

/* ============================================================
   手机适配 (max-width: 768px)
   实现优雅换行：头部改为列式布局，查看更多按钮左对齐并添加顶部间距
   确保移动端点击区域舒适，体验友好
============================================================ */
@media (max-width: 768px) {
  /* 常见问题区域移动端布局优化：标题区与按钮垂直排列，按钮左对齐 */
  .ser_fqa_header {
    flex-direction: column;    /* CSS3 弹性布局改变主轴方向为垂直，改为上下排列 */
    align-items: flex-start;   /* 内容左对齐 */
    gap: 0.9rem;
  }
  .ser_fqa_title_box {
    width: 100%;               /* 标题盒宽度占满 */
  }
  .ser_fqa_more_box {
    margin-left: 0;            /* 左对齐，不再靠右 */
    width: auto;
  }
  .ser_fqa_more_box_a {
    padding: 0.5rem 1.2rem;
    font-size: 0.88rem;
    width: auto;
    justify-content: center;
  }

  /* 行业解决方案模块移动端：垂直排列，按钮左对齐自然放置 */
  .ser_solu_section_header {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1.8rem;
  }
  .ser_solu_section_box {
    max-width: 100%;           /* 手机下标题容器宽度100% */
  }
  .ser_solu_more_box {
    margin-left: 0;
  }
  .ser_solu_more_box_a {
    padding: 0.55rem 1.3rem;
    font-size: 0.9rem;
  }
}

/* 超小屏设备（≤480px）微调按钮内边距，保证触区大小 */
@media (max-width: 480px) {
  .ser_fqa_more_box_a {
    padding: 0.45rem 1rem;
    font-size: 0.85rem;
  }
  .ser_solu_more_box_a {
    padding: 0.5rem 1.2rem;
    font-size: 0.85rem;
  }
  .ser_fqa_header {
    gap: 0.7rem;
  }
  .ser_solu_section_header {
    gap: 0.8rem;
  }
}

/* ==================== 服务支持 - 后期改造的CSS样式 结束 ==================== */
/* ==================== 服务支持 - 后期改造的CSS样式 结束 ==================== */
/* ==================== 服务支持 - 后期改造的CSS样式 结束 ==================== */


/* ==================== 服务支持 - 服务政策-详细政策 开始 ==================== */
/* ==================== 服务支持 - 服务政策-详细政策 开始 ==================== */
/* ==================== 服务支持 - 服务政策-详细政策 开始 ==================== */

        /* ==================== 服务政策板块专属样式 ==================== */
        /* 所有自定义样式均添加前缀 "service_policy" 以避免命名冲突 */

        /* ----- 外层容器：极简留白，科技感主区块 ----- */
        .service_policy_section {
            max-width: 1600px;
            margin: 0 auto;
            padding: 2.5rem 2rem 3rem;
            font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', sans-serif;
            color: #1f2937;
            line-height: 1.6;
        }

        /* ----- 板块主标题 ----- */
        .service_policy_main-title {
            font-size: 2.2rem;
            font-weight: 700;
            color: #111827;
            margin-bottom: 0.4rem;
            letter-spacing: -0.02em;
            position: relative;
            padding-left: 1.2rem;
        }
        /* 标题左侧蓝色竖条装饰 —— 品牌科技感 */
        .service_policy_main-title::before {
            content: "";
            position: absolute;
            left: 0;
            top: 50%;
            /* CSS3 transform 用于垂直居中 */
            transform: translateY(-50%);
            width: 5px;
            height: 28px;
            background: #0454dc;
            border-radius: 3px;
        }
        .service_policy_sub-desc {
            font-size: 1rem;
            color: #6b7280;
            margin-bottom: 2.2rem;
            padding-left: 1.2rem;
            max-width: 700px;
        }

        /* ==================== 质保政策核心卡片（突出展示） ==================== */
        .service_policy_warranty-hero {
            background: #ffffff;
            border: 1px solid #e5e7eb;
            border-radius: 0.75rem;
            /* CSS3 box-shadow 轻阴影，增加层次 */
            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.04);
            padding: 1.8rem 2rem;
            margin-bottom: 2rem;
            /* CSS3 transition 过渡动画 */
            transition: box-shadow 250ms ease;
            border-left: 5px solid #0454dc;
        }
        .service_policy_warranty-hero:hover {
            box-shadow: 0 8px 24px -6px rgba(4, 84, 220, 0.12);
        }
        .service_policy_warranty-header {
            display: flex;
            align-items: center;
            gap: 0.6rem;
            margin-bottom: 1rem;
        }
        /* 图标占位符 —— 后期替换为 iconfont */
        .service_policy_icon-shield {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 42px;
            height: 42px;
            background: rgba(4, 84, 220, 0.08);
            border-radius: 50%;
            font-size: 1.3rem;
            color: #0454dc;
            flex-shrink: 0;
        }
        .service_policy_warranty-title {
            font-size: 1.5rem;
            font-weight: 700;
            color: #111827;
        }
        /* 质保内容统一整合块 */
        .service_policy_warranty-body {
            background: #f9fafb;
            border-radius: 0.5rem;
            padding: 1.2rem 1.5rem;
            border: 1px solid #f3f4f6;
            margin-top: 0.8rem;
            font-size: 0.95rem;
            color: #374151;
            line-height: 1.7;
        }
        .service_policy_warranty-body p {
            margin-bottom: 0.7rem;
        }
        .service_policy_warranty-body p:last-child {
            margin-bottom: 0;
        }

        /* ==================== 主内容卡片（整合全部政策条目） ==================== */
        .service_policy_main-card {
            background: #ffffff;
            border: 1px solid #e5e7eb;
            border-radius: 0.75rem;
            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.03);
            padding: 1.8rem 2rem;
            margin-bottom: 2rem;
            transition: box-shadow 250ms ease;
        }
        .service_policy_main-card:hover {
            box-shadow: 0 6px 18px -4px rgba(4, 84, 220, 0.08);
        }

        /* 卡片内小节标题 */
        .service_policy_section-subtitle {
            font-size: 1.15rem;
            font-weight: 700;
            color: #111827;
            margin: 1.6rem 0 0.8rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
            padding-bottom: 0.5rem;
            border-bottom: 1px solid #f3f4f6;
        }
        .service_policy_section-subtitle:first-child {
            margin-top: 0;
        }
        .service_policy_icon-sm {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 30px;
            height: 30px;
            background: rgba(4, 84, 220, 0.07);
            border-radius: 50%;
            font-size: 0.95rem;
            color: #0454dc;
            flex-shrink: 0;
        }

        /* 通用列表 */
        .service_policy_list {
            list-style: none;
            padding: 0;
            margin: 0 0 0.5rem 0;
        }
        .service_policy_list li {
            padding: 0.4rem 0;
            border-bottom: 1px solid #f9fafb;
            font-size: 0.93rem;
            color: #4b5563;
            display: flex;
            align-items: baseline;
            gap: 0.5rem;
        }
        .service_policy_list li:last-child {
            border-bottom: none;
        }
        .service_policy_list li::before {
            content: "•";
            color: #0454dc;
            font-weight: 700;
            font-size: 1.1rem;
            flex-shrink: 0;
        }

        /* 流程步骤容器 */
        .service_policy_process-row {
            display: flex;
            flex-wrap: wrap;
            gap: 1rem;
            margin-top: 0.5rem;
        }
        .service_policy_process-step {
            flex: 1;
            min-width: 120px;
            text-align: center;
            position: relative;
            padding: 0.8rem 0.4rem;
            background: #f9fafb;
            border-radius: 0.5rem;
            border: 1px solid #f3f4f6;
        }
        /* 步骤间箭头 —— CSS3伪元素 */
        .service_policy_process-step:not(:last-child)::after {
            content: "→";
            position: absolute;
            right: -0.9rem;
            top: 50%;
            transform: translateY(-50%);
            color: #9ca3af;
            font-size: 1.2rem;
            font-weight: 600;
        }
        .service_policy_step-num {
            display: inline-block;
            width: 28px;
            height: 28px;
            line-height: 28px;
            background: #0454dc;
            color: #fff;
            border-radius: 50%;
            font-weight: 700;
            font-size: 0.85rem;
            margin-bottom: 0.3rem;
        }
        .service_policy_step-text {
            font-size: 0.85rem;
            color: #4b5563;
            font-weight: 500;
        }

        /* 标签 */
        .service_policy_tag {
            display: inline-block;
            background: rgba(4, 84, 220, 0.06);
            color: #0454dc;
            padding: 0.2rem 0.7rem;
            border-radius: 20px;
            font-size: 0.78rem;
            font-weight: 500;
            margin-right: 0.3rem;
            margin-bottom: 0.3rem;
        }

        /* ==================== 免责声明区域 ==================== */
        .service_policy_disclaimer {
            background: #f9fafb;
            border: 1px dashed #d1d5db;
            border-radius: 0.6rem;
            padding: 1.2rem 1.5rem;
            font-size: 0.85rem;
            color: #6b7280;
            line-height: 1.7;
        }
        .service_policy_disclaimer strong {
            color: #374151;
            font-weight: 600;
        }

        /* ==================== 响应式设计 ==================== */

        /* ----- 平板适配 (≤1024px) ----- */
        @media (max-width: 1024px) {
            .service_policy_section {
                padding: 2rem 1.4rem 2.5rem;
            }
            .service_policy_main-title {
                font-size: 1.9rem;
            }
            .service_policy_warranty-hero,
            .service_policy_main-card {
                padding: 1.4rem 1.5rem;
            }
            .service_policy_warranty-body {
                padding: 1rem 1.2rem;
                font-size: 0.9rem;
            }
            .service_policy_process-step:not(:last-child)::after {
                right: -0.6rem;
                font-size: 1rem;
            }
        }

        /* ----- 手机适配 (≤768px) ----- */
        @media (max-width: 768px) {
            .service_policy_section {
                padding: 1.5rem 1rem 2rem;
            }
            .service_policy_main-title {
                font-size: 1.55rem;
                padding-left: 0.9rem;
            }
            .service_policy_main-title::before {
                width: 4px;
                height: 22px;
                border-radius: 2px;
            }
            .service_policy_sub-desc {
                font-size: 0.9rem;
                padding-left: 0.9rem;
                margin-bottom: 1.5rem;
            }
            .service_policy_warranty-hero {
                padding: 1.2rem 1.1rem;
                border-left-width: 4px;
            }
            .service_policy_warranty-title {
                font-size: 1.25rem;
            }
            .service_policy_warranty-body {
                padding: 0.9rem 1rem;
                font-size: 0.88rem;
            }
            .service_policy_main-card {
                padding: 1.2rem 1.1rem;
            }
            .service_policy_section-subtitle {
                font-size: 1rem;
                margin-top: 1.2rem;
            }
            .service_policy_list li {
                font-size: 0.88rem;
            }
            /* 流程步骤纵向排列，箭头改为向下 */
            .service_policy_process-row {
                flex-direction: column;
                gap: 0.5rem;
            }
            .service_policy_process-step:not(:last-child)::after {
                content: "↓";
                right: 50%;
                top: auto;
                bottom: -0.8rem;
                transform: translateX(50%);
                font-size: 0.9rem;
            }
            .service_policy_process-step {
                min-width: auto;
                padding: 0.6rem 0.5rem;
            }
            .service_policy_disclaimer {
                padding: 1rem;
                font-size: 0.8rem;
            }
            .service_policy_tag {
                font-size: 0.73rem;
                padding: 0.15rem 0.55rem;
            }
        }
/* ==================== 服务支持 - 服务政策-详细政策 结束 ==================== */
/* ==================== 服务支持 - 服务政策-详细政策 结束 ==================== */
/* ==================== 服务支持 - 服务政策-详细政策 结束 ==================== */