/* ===== Banner 容器 ===== */
.index-banner {
    background: url("../img/module1.png") no-repeat center / cover;
    width: 100%;
    aspect-ratio: 1920 / 1020;
    position: relative;
}

/* ===== 右侧内容 ===== */
.index-banner-right{
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;

    right: clamp(0.1rem, 8vw, 10%);
    top: clamp(12%, 25vw, 28%);
}

/* ===== 标题 ===== */
.banner-sub-title{
    color: #916969;
    font-size: clamp(0.875rem, 2vw, 1.75rem);
	letter-spacing: 0.25rem;
}

.banner-main-title{
    color: #FF3F0B;
    font-size: clamp(1.5rem, 5vw, 5rem);
    font-weight: 700;
}

/* ===== 功能区 ===== */
.banner-function-all{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;

    width: clamp(16rem, 40vw, 40rem);
    row-gap: clamp(1rem, 3vw, 3.25rem);
    column-gap: clamp(0.5rem, 3vw, 2rem);

    margin-top: clamp(1rem, 3vw, 3rem);
    margin-bottom: clamp(2rem, 5vw, 6rem);
}


.banner-function{
    display: flex;
    align-items: center;
    justify-content: center;
}

.banner-function-img{
    width: clamp(1rem, 2vw, 1.875rem);
    height: clamp(1rem, 2vw, 1.875rem);
}

.banner-function-text{
    color: #916969;
    font-size: clamp(0.75rem, 1.5vw, 1.375rem);
    margin-left: 0.25rem;
}

/* ===== banner区域按钮 ===== */
.btn-banner{
    width: clamp(16rem, 40vw, 40rem);
    height: clamp(2.5rem, 4vw, 4.5rem);

    border-radius: 4px;
    background: linear-gradient(90deg, #FF3F0B 0%, #FFC782 100%);
    box-shadow: 0px 2px 20px rgba(82, 5, 5, 0.2);

    color: #fff;
    text-align: center;
    font-size: clamp(1rem, 2vw, 2rem);
    font-weight: 700;
}

.btn-banner:hover{
    opacity: 0.8;
}


/* ===== 卖点区域 ===== */
.index-selling-points{
    width: 100%;
    box-sizing: border-box;
    background: url("../img/module2.png") no-repeat;
    background-size: 100% 100%;

    padding: clamp(2rem, 5vw, 5%) clamp(1rem, 3vw, 12.5rem);

    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: clamp(1rem, 2vw, 4rem);
    height: auto;
}

.selling-point-card{
    background: url("../img/pic_selling_point.png") no-repeat center / cover;

    width: clamp(20rem, 43vw, 45rem);
    height: clamp(12rem, 18vw, 18.75rem);

    display: flex;
    align-items: center;
    position: relative;
    box-shadow: 0px 2px 20px rgba(105, 16, 16, 0.1);
}

.selling-point-left{
    width: 70%;
    position: absolute;
    left: clamp(1rem, 3vw, 3rem);
}

.selling-point-pic{
    width: clamp(8rem, 10vw, 12.875rem);
    height: clamp(8rem, 10vw, 12.875rem);
}

.selling-point-title{
    color: #333;
    font-size: clamp(1.25rem, 2.5vw, 2.25rem);
    font-weight: 700;
}

.selling-point-content{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    row-gap: clamp(0.5rem, 0.8vw, 1rem);
    column-gap: clamp(1rem, 2vw, 2rem);
    flex-wrap: wrap;
    margin-top: 1rem;
}

/* ===== 圆点 ===== */
.dot{
    width: 0.625rem;
    height: 0.625rem;
    min-height: 0.4rem;
    min-width: 0.4rem;
    background: #FC921F;
    border-radius: 50%;
}

/* ===== 卖点文字 ===== */
.selling-point-text{
    color: #999;
    font-size: clamp(0.875rem, 1.3vw, 1.25rem);
    margin-left: 0.5rem;
}

/* ===== 卖点右侧 ===== */
.selling-point-right{
    position: absolute;
    right: 0;
}

/* ===== 设备 ===== */
.index-equipment{
	padding: clamp(1.5rem, 4vw, 5rem) clamp(1rem, 5vw, 12.5rem);
	display: flex;
	flex-wrap: wrap;
}
.index-equipment-title{
	color: #333;
	font-size: clamp(1.8rem, 4vw, 2.25rem);
	font-weight: 700;
	margin-bottom: clamp(2rem, 6vw, 4.375rem);
	display: block;
	width: 100%;
	text-align: center;
}
.index-equipment-list{
	display: flex;
	justify-content: center;
	gap: clamp(0.6rem, 2vw, 1.25rem);
	flex-wrap: wrap;
	width: 100%;
}

.index-equipment-card{
	background-color: #fff;
	/* 核心：375px 屏幕一行放 2 个，大屏幕保持 3 个 */
	width: clamp(150px, 45%, 31.25rem);
	height: auto;
	padding: clamp(1.5rem, 4vw, 3.125rem) clamp(1rem, 2.5vw, 1.875rem);
	display: flex;
	flex-direction: column;
	align-items: center;
	border-radius: clamp(0.8rem, 2vw, 1.25rem);
}
.equipment-card-top{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1rem;
}
.equipment-img{
	width: 11.25rem;
	height: 11.25rem;
}
.equipment-card-top-right{
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-left: 0;
}
.equipment-tag{
	border-radius: 11.25rem 11.25rem 11.25rem 0px;
	color: #fff;
	font-size: clamp(0.95rem, 3vw, 1.5rem);
	font-weight: 700;
	text-align: center;
	width: clamp(6rem, 18vw, 10rem);
	height: clamp(1.8rem, 5vw, 2.5rem);
	line-height: clamp(1.8rem, 5vw, 2.5rem);
}
/* 轻享版颜色 */
.tag-base{
	background: linear-gradient(197.02deg, #FF8969 0%, #FFC782 100%);
}
/* 智能版颜色 */
.tag-intelligent{
	background: linear-gradient(90deg, #FFB494 0%, #FF413B 100%, #FF3F0B 100%);
}
/* 定制版颜色 */
.tag-customize{
	background: linear-gradient(90deg, #FF94C1 0%, #FC1E1E 100%, #FF3F0B 100%);
}
.equipment-price{
	display: flex;
	align-items: baseline;
	justify-content: center;
}
.equipment-price-symbol{
	font-size: clamp(1rem, 3vw, 1.5rem);
	color: #333;
}
.equipment-price-number{
	font-size: clamp(1.8rem, 5vw, 3rem);
	color: #333;
	font-weight: 700;
}

.dotted-line{
	border: 1px dashed #E8DCDC;
	width: 100%;
	margin: clamp(1.2rem, 4vw, 3rem) 0;
}

.equipment-card-bottom{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	width: 100%;
	align-items: center;
}
.equipment-card-bottom{
  /* 原来的 */
 /* display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  align-items: center; */

  /* 改成了 */
  align-items: flex-start;  /* 内部内容左对齐 */
  max-width: fit-content;   /* 容器宽度刚好包裹内容 */
  margin: 0 auto;           /* 容器本身在卡片里居中 */
  width: auto;              /* 取消100%宽度，避免占满整行 */
}


/* 参数名 */
.para-name{
	color: #999;
	font-size: clamp(0.9rem, 3vw, 1.5rem);
	width: clamp(3.5rem, 10vw, 5rem);
	text-align: left;
	margin-right: clamp(0.6rem, 2vw, 2rem);
}
/* 参数内容 */
.para-content{
	color: #666;
	font-size: clamp(0.9rem, 3vw, 1.5rem);
	flex: 0 0 auto;
	text-align: left;
}
/* 立即咨询按钮 */
.equipment-btn{
	height: clamp(2.8rem, 7vw, 3.75rem);
	width: clamp(120px, 90%, 27.5rem);
	color: #fff;
	font-size: clamp(1rem, 3vw, 1.5rem);
	text-align: center;
	border-radius: clamp(4px, 1vw, 8px);
	margin-top: auto;
}
.equipment-btn:hover{
	opacity: 0.8;
}

.btn-base{
	background: linear-gradient(90deg, #FF8969 0%, #FFBE80 100%);
}
.btn-intelligent{
	background: linear-gradient(90deg, #FF4E45 0%, #FFA286 100%);
}
.btn-customize{
	background: linear-gradient(90deg, #FF5792 0%, #FF879F 100%);
}


/* ===== 功能模块 ===== */
.index-function{
    padding: clamp(2rem, 5vw, 5%) clamp(1rem, 7vw, 12.5rem);

    display: flex;
    justify-content: space-between;
    align-items: center;
}

.index-function-pic{
    width: 100%;
    max-width: clamp(20rem, 60vw, 63rem);
}

.index-function-content{
    display: flex;
    flex-direction: column;
}

.function-title{
    color: #333;
    font-size: clamp(1.25rem, 2.5vw, 2.25rem);
    font-weight: 700;
    margin-bottom: 1rem;
}

.function-text{
    color: #999;
    font-size: clamp(0.875rem, 1.4vw, 1.25rem);
    margin-left: 0.5rem;
    margin-bottom: 0.5rem;
}

.function-list{
    display: flex;
    flex-direction: column;
}

.btn-function-area{
    background-color: #FF3F0B;
    color: #fff;

    width: clamp(8rem, 20vw, 10rem);
    height: clamp(2rem, 5vw, 2.625rem);

    text-align: center;
    font-size: clamp(0.875rem, 1.5vw, 1.5rem);
    border-radius: 4px;
    margin: 1rem 0;
}

.btn-function-area:hover {
    opacity: 0.8;
}