.introduction-banner{
  width: 100%;
  padding-top: 1.32rem;
}
.introduction-banner img {
  width: 100%;
  object-fit: cover;
}

/* ================= 王牌门店项目 ================= */

.ace-project-section {
  padding: 0.96rem 0 0.83rem 0;
  background: #ffffff;
}

.project-title {
  text-align: center;
  margin-bottom: 0.6rem;
}

.project-title h2{
  font-family: SourceHanSansCN-Heavy;
	font-size: 0.56rem;
	font-weight: bold;
	font-stretch: normal;
	color: #282828;
}

.project-title p{
  font-family: SourceHanSansCN-Heavy;
  font-size: 0.56rem;
  font-weight: bolder;
  font-stretch: normal;
  color: #282828;
}

/* ✅ 一行4个 */
.ace-project-grid {
  width: 90%;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.26rem;
}

/* ✅ 每一个卡片主体（白色） */
.policy-item {
  background: #efefef;
  border-radius: 0.14rem;
  overflow: hidden;
  box-shadow: 0 0.12rem 0.26rem rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
}

/* ✅ 顶部红色标题条 */
.policy-item span {
  display: block;
  width: 100%;
  background: #c72729;
  color: #ffffff;
  font-size: 0.28rem;
  font-weight: bold;
  padding: 0.22rem 0.2rem;
  text-align: center;
}

/* ✅ 灰色内容区 */
.item-content {
  background: #efefef;
  padding: 0.24rem 0.22rem;
}

/* ✅ 内容文字 */
.item-content p {
  font-size: 0.14rem;
  color: #333;
  margin-bottom: 0.14rem;
}
.item-content span{
	font-size: 0.14rem;
	display: contents;
	width: inherit;
	background: #f1f1f1;
	color: #c72729;
	font-weight: bold;
	margin-right: 0.06rem;
}

/* ✅ 悬浮动效 */
.policy-item:hover {
  transform: translateY(-0.05rem);
  box-shadow: 0 0.18rem 0.4rem rgba(0, 0, 0, 0.15);
}

/* ================= 院线产品系列 ================= */

.clinical-product-section {
  width: 100%;
  background: #e6e6e6;
  padding: 1.2rem 0;
}

/* 标题 */
.product-series-title {
  text-align: center;
  margin-bottom: 0.8rem;
}

.clinical-product-section h2 {
  font-size: 0.56rem;
  font-family: SourceHanSansCN-Heavy;
  font-weight: bold;
  color: #282828;
}

/* 网格布局 */
.product-series-grid {
  width: 90%;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.37rem;
}

/* 单个产品卡片 */
.product-series-item {
/*  background: #ffffff;*/
  border-radius: 0.2rem;
/*  padding: 0.36rem 0.2rem;*/
  text-align: center;
/*  box-shadow: 0 0.12rem 0.3rem rgba(0, 0, 0, 0.08);*/
  transition: all 0.3s ease;
}

/* 悬浮动效 */
.product-series-item:hover {
  transform: translateY(-0.06rem);
/*  box-shadow: 0 0.18rem 0.4rem rgba(0, 0, 0, 0.16);*/
}

/* 图片 */
.product-series-item img {
  width: 100%;
  height: auto;
  object-fit: contain;
  margin: 0 auto 0.21rem;
  display: block;
}

/* 底部文字 */
.product-series-item p {
  font-size: 0.28rem;
  font-weight: bold;
  color: #c72729;
  letter-spacing: 0.05rem;
}


/* ================= 功效背书证书模块 ================= */

.cert-section {
  width: 100%;
  background: #f3f3f3;
  padding: 1.2rem 0;
}

/* 标题 */
.cert-title {
  text-align: center;
  margin-bottom: 0.8rem;
}

.cert-title h2 {
  font-family: SourceHanSansCN-Normal;
  font-size: 0.56rem;
  font-stretch: normal;
  color: #282828;
  margin-bottom: 0.12rem;
}

.cert-title p {
  font-family: SourceHanSansCN-Heavy;
  font-size: 0.56rem;
  font-weight: bold;
  color: #282828;
}

/* 证书网格 */
.cert-grid {
  width: 90%;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.17rem;
}

/* 单个证书卡片 */
.cert-item {
  border-radius: 0.2rem;
  text-align: center;
  transition: all 0.3s ease;
}

/* 悬浮效果 */
.cert-item:hover {
  transform: translateY(-0.06rem);
}

/* 证书图片 */
.cert-item img {
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: contain;
  display: block;
  margin: 0 auto 0.17rem;
}

/* 产品名称 */
.cert-item p {
  font-size: 0.22rem;
  color: #222;
  line-height: 1.4;
}


/* ================= 真人使用效果对比 ================= */

.compare-section {
  width: 100%;
  padding: 1.2rem 0;
  background: #e6e6e6;
}

/* ---------- 标题区 ---------- */

.compare-title {
  text-align: center;
  margin-bottom: 0.9rem;
}

.compare-title h2 {
  font-size: 0.48rem;
  font-weight: bold;
  color: #c72729;
  margin-bottom: 0.2rem;
}

.compare-title span {
  display: block;
  font-size: 0.34rem;
  color: #222;
  margin-bottom: 0.18rem;
  font-weight: 500;
}

.compare-title p {
  font-size: 0.24rem;
  color: #888;
}

/* ---------- 外层：从上往下排列 ---------- */

.compare-row {
  width: 100%;
  max-width: 1680px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;   /* ✅ 纵向排列 */
  gap: 0.27rem;
  padding: 0 0.3rem;
}

/* ---------- 单个横向卡片 ---------- */

.compare-card {
  width: 100%;
  background: #fff;
  border-radius: 0.2rem;
  box-shadow: 0 0.12rem 0.36rem rgba(0,0,0,0.1);
  padding: 0.36rem 0.46rem;
  display: flex;            /* ✅ 左右结构 */
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.6rem;
}

/* 左侧标题 */

.compare-card > p {
  /*font-size: 0.36rem;
  font-weight: bold;
  color: #c72729;
  flex-shrink: 0;
  width: 0.8rem;*/

  
  font-family: SourceHanSansCN-Medium;
  font-size: 0.42rem;
  font-weight: normal;
  font-stretch: normal;
  writing-mode: vertical-lr;
  color: #ffffff;
  background-color: #c72729;
  border-radius: 0.2rem;
  display: block;
  box-sizing: border-box;
  padding: 0.51rem 0.28rem 0.53rem 0.25rem;
}

/* 右侧图片区 */

.compare-img {
  flex: 1;
  display: flex;
  justify-content: flex-start;
}

.compare-img img {
  width: 100%;
  height: auto;
  object-fit: cover;
}


/* ========== 移动端改造（max-width: 750px） ========== / */
@media screen and (max-width: 750px) {

.introduction-banner { padding-top: 0.8rem; }
.introduction-banner img { width: 100%; height: auto; object-fit: cover; display: block; }

/* 4. 王牌门店项目（ace-project）: 4列 -> 1列（可改为2列） /*/
.ace-project-grid {
width: 100%;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(2,1fr); /*  改为单列，若需2列改为 repeat(2,1fr) */
gap: 0.28rem;
padding: 0 0.2rem;
}
.policy-item {
border-radius: 0.12rem;
overflow: hidden;
}
.policy-item span {
font-size: 0.26rem;
padding: 0.18rem 0.18rem;
}
.item-content { padding: 0.28rem 0.22rem; }
.item-content p { font-size: 0.26rem; line-height: 1.6; }

/* 5. 院线产品系列：4列 -> 2列（移动端常用2列） */
.product-series-grid {
width: 100%;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 0.3rem;
padding: 0 0.2rem;
}
.product-series-item img { width: 100%; height: auto; }
.product-series-item p { font-size: 0.28rem; margin-top: 0.08rem; }

/* 6. 功效背书证书（cert-grid）：4列 -> 2列 */
.cert-grid {
width: 100%;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 0.26rem;
padding: 0 0.2rem;
}
.cert-item img { width: 100%; display: block; }
.cert-item p { font-size: 0.18rem; padding-bottom: 0.12rem; }

/* 7. 真人使用效果对比（compare-row）：卡片内部左右结构改为上下（更适移动） /*/
.compare-row { padding: 0 0.2rem; gap: 0.3rem; }
.compare-card {
flex-direction: column; / 左右 → 上下 /
padding: 0.3rem;
align-items: stretch;
gap: 0.3rem;
}
.compare-card > p {
/* 将垂直文字改为水平小条，更适移动端 */
writing-mode: horizontal-tb;
font-size: 0.34rem;
padding: 0.25rem 0.35rem;
display: inline-block;
width: auto;
border-radius: 0.12rem;
text-align: center;
font-weight: bold;
}
.compare-img { width: 100%; }
.compare-img img { width: 100%; height: auto; display: block; border-radius: 0.12rem; }

/* 8. 顶部 Section 标题微调 */
.project-title h2 { font-size: 0.48rem; }
.project-title p { font-size: 0.36rem; margin-top: 0.06rem; }

/* 9. 卡片交互、阴影、圆角适配 /
.policy-item:hover,
.product-series-item:hover,
.cert-item:hover { transform: none; box-shadow: none; } / 移动端去掉 hover 动效以节省性能 */

/* 10. 内边距与间距统一收敛，触控目标放大 */
/*.policy-item, .product-series-item, .cert-item {
padding: 0.18rem;
}*/

/* 11. 页面中大图（横图 + 右侧缩略）在移动端改为上下堆叠（如若存在） */
.join-store-grid, .output-grid, .store-list-grid {
grid-template-columns: 1fr;
gap: 0.3rem;
padding: 0 0.2rem;
}

/* 12. 如果有六/八列网格（output-grid 原为 6 列），移动端改为 2 列或1列 */
.output-grid {
grid-template-columns: repeat(2, 1fr);
}
.output-item img { width: 100%; height: auto; border-radius: 0.12rem; }




}