/*======================== 底部CTA区域 ========================*/
.commission {
	background: url(../img/solution/free.png) no-repeat;
	background-size: 100% 100%;            /* 背景图拉伸铺满，不留缝，视觉稳 */
	height: 240px;                         /* 固定高240px，整体设计稿尺寸，节奏统一 */
	text-align: center;                    /* 文字水平居中，视觉稳 */
	padding-top: 50px;                     /* 上方留50px，避免贴边，呼吸感足 */
	box-sizing: border-box;                /* padding算进总高，不怕撑破 */
	color: #fff; }                         /* 全局白色文字，压图可读性高，对比强 */
	.commission a {
		display: block;                     /* 整个区域可点，提升点击面，用户体验好 */
		color: #fff; }                      /* 链接继承白色，避免浏览器默认蓝，视觉统一 */

.commission-tit {
	font-size: 28px;                        /* 主标题28px，比正文大，突出CTA */
	padding-bottom: 16px; }                 /* 与下方按钮留16px间距，呼吸感足 */

.commission .free {
	width: 116px;                           /* 按钮固定宽116px，小巧不抢镜，精致 */
	height: 36px;                           /* 固定高36px，便于垂直居中，节奏统一 */
	line-height: 36px;                      /* 行高等于高度，文字垂直居中，无需flex */
	box-sizing: border-box;                 /* border算进总宽，不怕撑破 */
	border-radius: 4px;                     /* 小圆角4px，精致，不呆板 */
	border: 1px solid #fff;                 /* 白色描边，轻盈不厚重，视觉稳 */
	margin: 0 auto;                         /* 水平居中，视觉稳 */
	margin-top: 8px; }                      /* 与标题再留8px，呼吸感足，不贴脸 */

/*======================== 集团客户专属横幅 ========================*/
.group-banner {
	background: linear-gradient(90deg,#ff5870,#ff8b54); /* 左粉右橙渐变，品牌活力，视觉抓人 */
}

/*======================== 会员专区 ========================*/
.member {
	align-items: center;                    /* 垂直居中，视觉稳 */
	padding-top: 50px; }                    /* 上方留50px，避免贴边，呼吸感足 */

.member-left {
	padding-left: 40px; }                   /* 左侧文字与边缘留40px，避免贴边，阅读舒适 */

.member-right {
	padding-left: 20px; }                   /* 右侧文字与边缘留20px，略小，形成节奏差 */

.member-tit {
	font-size: 26px;                        /* 标题字号26px，与全局sub-title统一，识别度高 */
	color: #3b426b;                         /* 深蓝灰色，品牌色，识别度高 */
	padding-bottom: 24px; }                 /* 与副标题留24px间距，呼吸感足 */

.member-subtit {
	line-height: 30px;                      /* 行高30px，阅读舒适，不挤 */
	font-size: 18px;                        /* 字号18px，阅读舒适，不抢主标题风头 */
	color: #5d6494; }                       /* 灰蓝色，层级低，不抢主标题风头 */

/*======================== 海报区域 ========================*/
.poster {
	background: #f5f8ff; }                  /* 浅灰蓝背景，与白色卡片对比，突出内容 */

.poster-container {
	padding-bottom: 50px;                   /* 底部留50px，与下一区域隔开，呼吸感足 */
	justify-content: center; }              /* 水平居中，视觉稳 */

.poster-subtit {
	font-size: 14px;                        /* 小号字，辅助说明，不抢主内容风头 */
	color: #5d6494;                         /* 灰蓝色，层级低，不抢主内容风头 */
	text-align: center;                     /* 水平居中，视觉稳 */
	padding-top: 28px; }                    /* 上方留28px，避免贴脸，呼吸感足 */

.poster-item {
	margin: 0 15px; }                       /* 左右留15px间距，避免贴脸，呼吸感足 */

/*======================== 痛点卡片 ========================*/
.pain-item {
	margin: 0 19px;                         /* 左右留19px间距，避免贴脸，呼吸感足 */
	width: 320px;                           /* 卡片固定宽320px，三栏对齐，不乱跑 */
	height: 358px;                          /* 固定高358px，统一视觉高度，整齐划一 */
	background: linear-gradient(360deg,#ff5870,#ff8b54); /* 上深下浅渐变，品牌活力，视觉抓人 */
	color: #FFFFFF;                         /* 白色文字，压渐变可读性高，对比强 */
	text-align: center;                     /* 文字水平居中，视觉稳 */
	font-size: 20px; }                      /* 字号20px，阅读舒适，不抢主标题风头 */

.pain-item img {
	padding: 64px 0 32px 0;                 /* 图标上下分别留64px和32px，呼吸感足 */
	margin: 0 auto; }                       /* 图标水平居中，视觉稳 */

.pain-subtit {
	opacity: .5;                            /* 50%透明度，辅助说明，不抢主内容风头 */
	font-size: 16px;                        /* 字号16px，阅读舒适，不挤 */
	line-height: 34px;                      /* 行高34px，阅读舒适，不挤 */
	padding-top: 16px;                      /* 上方留16px，避免贴脸，呼吸感足 */
	width: 256px;                           /* 最大宽度256px，强制换行整齐，不乱跑 */
	margin: 0 auto;                         /* 水平居中，视觉稳 */
	text-align: left; }                     /* 左对齐，适合长段说明，阅读舒适 */

/*======================== 特殊优势区域 ========================*/
.special-container {
	justify-content: center;                /* 水平居中，视觉稳 */
	padding-bottom: 50px; }                 /* 底部留50px，与下一区域隔开，呼吸感足 */

.special-container img {
	margin: 0 38px; }                       /* 图片左右留38px间距，呼吸感足，不贴脸 */

.special-item {
	font-size: 14px;                        /* 小号字，辅助说明，不抢主内容风头 */
	color: #5D6494;                         /* 灰蓝色，层级低，不抢主内容风头 */
	line-height: 26px;                      /* 行高26px，阅读舒适，不挤 */
	margin-top: 92px; }                     /* 上方留92px，大段节奏，呼吸感足 */

.special-item .special-tit {
	font-size: 18px;                        /* 标题字号18px，比正文大，层级清晰 */
	color: #3B426B;                         /* 深蓝灰色，品牌色，识别度高 */
	padding-bottom: 10px; }                 /* 与正文留10px间距，呼吸感足 */

/*======================== 秒杀专属横幅 ========================*/
.seckill-ban {
	background: linear-gradient(90deg,#ff5470,#ff5b5b); /* 左深右浅红渐变，紧迫感，促销氛围 */

}

/*======================== 协议说明区域 ========================*/
.agreement {
	background: #f5f8ff;                    /* 浅灰蓝背景，与白色卡片对比，突出内容 */
	padding-bottom: 50px; }                 /* 底部留50px，与下一区域隔开，呼吸感足 */

.agreement-container {
	justify-content: center; }              /* 水平居中，视觉稳 */

.agreement-item {
	background: #fff;                       /* 纯白卡片，与背景对比，突出内容 */
	border-radius: 4px;                     /* 小圆角4px，精致，不呆板 */
	font-size: 16px;                        /* 字号16px，阅读舒适，不抢主标题风头 */
	color: #5d6494;                         /* 灰蓝色，层级低，不抢主内容风头 */
	line-height: 28px;                      /* 行高28px，阅读舒适，不挤 */
	text-align: center;                     /* 文字水平居中，视觉稳 */
	width: 258px;                           /* 卡片固定宽258px，四栏对齐，不乱跑 */
	height: 288px;                          /* 固定高288px，统一视觉高度，整齐划一 */
	margin: 0 14px;                         /* 左右留14px间距，避免贴脸，呼吸感足 */
	padding: 0 14px;                        /* 左右内边距14px，文字不贴边，阅读舒适 */
	box-sizing: border-box; }               /* padding算进总宽，不怕撑破 */

.agreement-item img {
	padding-top: 34px;                      /* 图标上方留34px，避免贴边，呼吸感足 */
	margin: 0 auto; }                       /* 图标水平居中，视觉稳 */

.agreement-item .agreement-tit {
	font-size: 20px;                        /* 标题字号20px，比正文大，层级清晰 */
	font-weight: 500;                       /* 500字重，比normal略粗，阅读舒适 */
	color: #3B426B;                         /* 深蓝灰色，品牌色，识别度高 */
	padding: 16px 0 10px 0; }               /* 上下分别留16px和10px，呼吸感足 */

/*======================== 秒杀设置卡片 ========================*/
.seckill-set {
	width: 520px;                           /* 卡片固定宽520px，双栏对齐，不乱跑 */
	height: 146px;                          /* 固定高146px，统一视觉高度，整齐划一 */
	box-sizing: border-box;                 /* padding算进总宽，不怕撑破 */
	padding: 0 52px;                        /* 左右内边距52px，文字不贴边，阅读舒适 */
	margin: 0 30px 30px 30px;               /* 四周留30px间距，避免贴脸，呼吸感足 */
	box-shadow: 0 0 16px rgba(229,228,228, .5); /* 浅灰阴影，浮起效果，层次丰富 */
	align-items: center; }                  /* 垂直居中，视觉稳 */

.seckill-set img {
	margin-right: 28px; }                   /* 图标与文字之间留28px间距，不贴脸 */

.secpage-tit {
	font-size: 20px;                        /* 标题字号20px，比正文大，层级清晰 */
	font-weight: 500;                       /* 500字重，比normal略粗，阅读舒适 */
	color: #3B426B; }                       /* 深蓝灰色，品牌色，识别度高 */

.secpage-subtit {
	font-size: 16px;                        /* 字号16px，阅读舒适，不抢主标题风头 */
	color: #5D6494;                         /* 灰蓝色，层级低，不抢主内容风头 */
	padding-top: 18px; }                    /* 与标题留18px间距，呼吸感足 */

/*======================== 秒杀海报 ========================*/
.seckill-page .poster-item {
	margin: 0 16px; }                       /* 左右留16px间距，避免贴脸，呼吸感足 */

/*======================== 秒杀特色卡片 ========================*/
.sec-spa-item {
	width: 270px;                           /* 卡片固定宽270px，四栏对齐，不乱跑 */
	height: 340px;                          /* 固定高340px，统一视觉高度，整齐划一 */
	background: rgba(255,255,255,.8);       /* 半透明白底，浮在渐变背景上，层次丰富 */
	border-radius: 4px;                     /* 小圆角4px，精致，不呆板 */
	text-align: center;                     /* 文字水平居中，视觉稳 */
	color: #5D6494;                         /* 灰蓝色，层级低，不抢主内容风头 */
	padding-top: 46px;                      /* 上方留46px，避免贴边，呼吸感足 */
	box-sizing: border-box;                 /* padding算进总宽，不怕撑破 */
	margin: 0 8px;                          /* 左右留8px间距，避免贴脸，呼吸感足 */
	font-size: 16px;                        /* 字号16px，阅读舒适，不抢主标题风头 */
	line-height: 32px; }                    /* 行高32px，阅读舒适，不挤 */

.sec-spa-item .special-img {
	width: 130px;                           /* 图标容器固定130px，统一视觉大小 */
	height: 130px;                          /* 固定高，正方形，整齐划一 */
	border-radius: 50%;                     /* 圆形，柔和，友好 */
	background: rgba(255,246,243,.3);       /* 浅粉底色，与整体渐变呼应，品牌感 */
	margin: 0 auto;                         /* 水平居中，视觉稳 */
	display: flex;                          /* 弹性布局，居中神器 */
	justify-content: center;                /* 水平居中 */
	align-items: center; }                  /* 垂直居中，图标绝对中心 */

.sec-spa-item .special-img img {
	padding-top: 10px; }                    /* 图标再往下10px，视觉绝对中心 */

.seckill-special {
	background: url(../img/product/seckill-spbg.png) no-repeat;
	background-size: 100% 100%;               /* 背景图拉伸铺满，不留缝，视觉稳 */
	padding-bottom: 50px; }                 /* 底部留50px，与下一区域隔开，呼吸感足 */

.sec-spa-item .red-line {
	width: 96px;                            /* 红线固定宽96px，小巧精致 */
	height: 4px;                            /* 高4px，线条感，不厚重 */
	margin: 30px auto 20px auto;            /* 上下分别留30px和20px，呼吸感足，auto水平居中 */
	background: #ff546d;                    /* 品牌红，突出，形成视觉锚点 */
	border-radius: 2px; }                   /* 圆角2px，柔和，不刺眼看