/* ============ MemberBenefits 页面全局基础 ============ */
.memberBenefits-container {
  margin: 0 auto;
  background: url("/static/images/memberBenefits/memberBenefits_bg.png") no-repeat center center, #F8F8F9;
  background-size: 100% auto;
  background-position: center top;
  padding-top: 125px;
}
.memberBenefits-line {
  width: 100%;
  height: 16px;
  background: linear-gradient(to bottom, #E7E7E7, #ffffff);
}
/* ============ MembershipCard1：热e族金卡福利权益卡 ============ */
.MembershipCard1 {
  display: flex;
  border-radius: 8px;
  padding: 0 160px 0 160px;
}
.MembershipCard1 table {
  background-color: #FFFEEE;
  border-collapse: collapse;
  /* 取消最后一行底边 */
}
.MembershipCard1 table td,
.MembershipCard1 table th {
  font-size: 20px;
  border-bottom: 2px solid #84837B;
}
.MembershipCard1 table tr:last-child td {
  border-bottom: none;
}
.MembershipCard1 table .MembershipCard1-table-thin {
  font-size: 18px;
}
.MembershipCard1 .MembershipCard1-summary-title {
  font-size: 36px;
  font-family: "LiSu", serif;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
}
.MembershipCard1 .MembershipCard1-summary-title span {
  font-family: 'Microsoft YaHei';
  font-size: 30px;
}
.MembershipCard-table-blod {
  font-weight: 600;
}
.MembershipCard1-introduce {
  background: linear-gradient(to bottom, #fff 0%, #FFFEEE 20%, #FFFEEE 100%);
  margin: 0 160px;
}
.MembershipCard1-introduce .MembershipCard1-title {
  background: url("/static/images/memberBenefits/MembershipCard—titleBg.png") no-repeat center center;
  background-size: 100% auto;
  height: 132px;
  color: #FFF;
  display: flex;
  align-items: center;
  font-family: "LiSu", serif;
  font-size: 40px;
  padding-left: 220px;
  letter-spacing: 12px;
  margin-top: -36px;
}
.MembershipCard1-introduce .MembershipCard1-list {
  flex: 1;
  width: 1px;
}
.MembershipCard1-introduce .MembershipCard1-list .MembershipCard1-list-title {
  font-size: 32px;
  font-weight: 500;
  color: #1a1a1a;
  font-family: "LiSu", serif;
  display: flex;
  align-items: center;
}
.MembershipCard1-introduce .MembershipCard1-list .MembershipCard1-list-title .MembershipCard1-list-marks {
  font-family: 'Microsoft YaHei';
  font-size: 22px;
}
.MembershipCard1-introduce .MembershipCard1-list .MembershipCard1-list-title .MembershipCard1-list-marks2 {
  font-family: 'Microsoft YaHei';
  font-size: 26px;
}
.MembershipCard1-introduce .MembershipCard1-list .MembershipCard1-list-content {
  font-size: 20px;
  color: #1a1a1a;
  line-height: 36px;
  font-family: "LiSu";
}
.MembershipCard1-introduce .MembershipCard1-img4 {
  margin-top: -28px;
  margin-left: 80px;
  height: 195px;
  width: auto;
  object-fit: cover;
}
/* 左侧宣传图 */
.MembershipCard1-left {
  display: flex;
  align-items: center;
  justify-content: center;
}
.MembershipCard1-banner {
  height: 468px;
  width: auto;
  object-fit: cover;
  display: block;
}
/* 右侧内容区 */
.MembershipCard1-right {
  flex: 1;
  display: flex;
  flex-direction: column;
}
/* 顶部：img2 + 标题 */
.MembershipCard1-rightTop {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /* 底部图片（黑金 VIP 卡） */
}
.MembershipCard1-rightTop .MembershipCard1-img2 {
  width: auto;
  height: 185px;
  object-fit: cover;
}
.MembershipCard1-rightTop .MembershipCard1-titleText {
  font-size: 14px;
  color: #333;
}
.MembershipCard1-rightTop .MembershipCard1-img3 {
  width: auto;
  height: 86px;
  object-fit: cover;
}
.MembershipCard1-priceTitle {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  font-weight: 600;
  font-family: "LiSu", serif;
}
.MembershipCard1-priceTitle .MembershipCard1-price {
  font-size: 32px;
  font-weight: 600;
  color: #1a1a1a;
}
.MembershipCard1-priceTitle .MembershipCard1-redDot {
  background: #ff0000;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: inline-block;
  margin: 0 16px;
}
.MembershipCard1-priceTitle .MembershipCard1-titleText {
  font-size: 30px;
  font-weight: 600;
  color: #1a1a1a;
}
/* 通用表格样式 */
.MembershipCard1-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  text-align: center;
}
.MembershipCard1-table tbody td {
  padding: 10px 0;
  border: 1px solid #BCBBAF;
  color: #333;
}
.MembershipCard1-table tbody tr {
  border: 1px solid #BCBBAF;
}
.MembershipCard1-total {
  color: #ffffff !important;
  font-size: 28px !important;
  font-weight: 600;
  background: #ff0000;
}
.MembershipCard1-promo {
  color: #e60012 !important;
  font-weight: 700;
}
.MembershipCard-redLine {
  margin: 0 160px;
  height: 5px;
  background: #ff0000;
}
.MembershipCard-img {
  width: auto;
  object-fit: cover;
}
.MembershipCard2 {
  padding: 87px 160px 126px 160px;
  display: flex;
}
.MembershipCard2 .MembershipCard2-title {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  font-weight: 600;
  font-family: "LiSu", serif;
}
.MembershipCard2 .MembershipCard2-title .MembershipCard2-price {
  font-size: 32px;
  font-weight: 600;
  color: #1a1a1a;
}
.MembershipCard2 .MembershipCard2-title .MembershipCard2-redDot {
  background: #ff0000;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: inline-block;
  margin: 0 16px;
}
.MembershipCard2 .MembershipCard2-title .MembershipCard2-titleText {
  font-size: 30px;
  font-weight: 600;
  color: #1a1a1a;
}
.MembershipCard2 .MembershipCard2-table {
  width: 100%;
  font-size: 18px;
  text-align: center;
  background-color: #FFFEEE;
  border-collapse: collapse;
}
.MembershipCard2 .MembershipCard2-table thead th {
  color: #1a1a1a;
  font-weight: 600;
  padding: 14px 10px;
  line-height: 1.4;
  border: 1px solid #BCBBAF;
}
.MembershipCard2 .MembershipCard2-table tbody td {
  padding: 14px 10px;
  border: 1px solid #BCBBAF;
  color: #333;
}
.MembershipCard2 .MembershipCard2-table-redTitle {
  background-color: #ff0000 !important;
  color: #ffffff !important;
  font-weight: 700;
  font-size: 24px;
  padding: 10px;
  border: 1px solid #ff0000;
  text-align: center;
  padding: 10px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.MembershipCard2 .MembershipCard2-table-redTitle .MembershipCard2-table-redTitle-title {
  font-size: 28px;
  font-family: "LiSu", serif;
  display: flex;
  align-items: center;
  justify-content: center;
}
.MembershipCard2 .MembershipCard2-table-redTitle .MembershipCard2-table-redTitle-title span {
  font-size: 26px;
  font-family: 'Microsoft YaHei';
}
.MembershipCard2 .MembershipCard2-promo {
  color: #ff0000 !important;
  font-weight: 700;
  font-size: 18px;
}
.MembershipCard3 {
  padding: 87px 160px 126px 160px;
  display: flex;
}
.MembershipCard3 .MembershipCard3-title {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  font-weight: 600;
  font-family: "LiSu", serif;
}
.MembershipCard3 .MembershipCard3-title .MembershipCard3-price {
  font-size: 32px;
  font-weight: 600;
  color: #1a1a1a;
}
.MembershipCard3 .MembershipCard3-title .MembershipCard3-redDot {
  background: #ff0000;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: inline-block;
  margin: 0 16px;
}
.MembershipCard3 .MembershipCard3-title .MembershipCard3-titleText {
  font-size: 30px;
  font-weight: 600;
  color: #1a1a1a;
}
.MembershipCard3 .MembershipCard3-table {
  width: 100%;
  font-size: 18px;
  text-align: center;
  background-color: #FFFEEE;
  border-collapse: collapse;
}
.MembershipCard3 .MembershipCard3-table thead th {
  color: #1a1a1a;
  font-weight: 600;
  padding: 14px 10px;
  line-height: 1.4;
  border: 1px solid #BCBBAF;
}
.MembershipCard3 .MembershipCard3-table tbody td {
  padding: 14px 10px;
  border: 1px solid #BCBBAF;
  color: #333;
}
.MembershipCard3 .MembershipCard3-table-redTitle {
  background-color: #ff0000 !important;
  color: #ffffff !important;
  font-weight: 700;
  font-size: 24px;
  padding: 10px;
  border: 1px solid #ff0000;
  text-align: center;
  padding: 10px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.MembershipCard3 .MembershipCard3-table-redTitle .MembershipCard3-table-redTitle-title {
  font-size: 28px;
  font-family: "LiSu", serif;
  display: flex;
  align-items: center;
  justify-content: center;
}
.MembershipCard3 .MembershipCard3-table-redTitle .MembershipCard3-table-redTitle-title span {
  font-size: 26px;
  font-family: 'Microsoft YaHei';
}
.MembershipCard3 .MembershipCard3-promo {
  color: #ff0000 !important;
  font-weight: 700;
  font-size: 18px;
}
/* ============================================================ */
/* ============ 移动端适配 - 媒体查询（新增代码） ============ */
/* ============================================================ */
/* ========== 平板端适配 (max-width: 768px) ========== */
@media (max-width: 768px) {
  /* 全局容器：防止横向溢出 */
  .memberBenefits-container {
    overflow-x: hidden;
    padding-top: 60px;
  }
  /* 分隔线高度缩减 */
  .memberBenefits-line {
    height: 10px;
  }
  /* ========== MembershipCard1 适配 ========== */
  /* 卡片整体：横向布局改为纵向堆叠 */
  .MembershipCard1 {
    padding: 20px 16px 0 16px;
    flex-direction: column;
  }
  /* 左侧宣传图区域 */
  .MembershipCard1-left {
    margin-bottom: 16px;
  }
  /* 宣传图：固定高度改为自适应 */
  .MembershipCard1-banner {
    height: auto;
    width: 100%;
  }
  /* 右侧内容区撑满宽度 */
  .MembershipCard1-right {
    width: 100%;
  }
  .MembershipCard1-imgList {
    width: 150px;
    margin: 0 auto;
  }
  /* 右侧顶部VIP卡片区 */
  .MembershipCard1-rightTop {
    padding: 8px 0;
  }
  .MembershipCard1-rightTop .MembershipCard1-img2 {
    height: 120px;
    margin-left: 10px;
  }
  .MembershipCard1-rightTop .MembershipCard1-img3 {
    height: 50px;
  }
  .MembershipCard1-rightTop .MembershipCard1-titleText {
    font-size: 12px;
  }
  /* 价格标题：缩小字号与圆点 */
  .MembershipCard1-priceTitle {
    flex-wrap: wrap;
    gap: 4px;
  }
  .MembershipCard1-priceTitle .MembershipCard1-price {
    font-size: 22px;
  }
  .MembershipCard1-priceTitle .MembershipCard1-price span {
    font-size: 20px !important;
  }
  .MembershipCard1-priceTitle .MembershipCard1-redDot {
    width: 16px;
    height: 16px;
    margin: 0 8px;
  }
  .MembershipCard1-priceTitle .MembershipCard1-titleText {
    font-size: 20px;
  }
  /* 表格区域：横向滚动适配 */
  .MembershipCard1 table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
  }
  .MembershipCard1 table td,
  .MembershipCard1 table th {
    font-size: 14px;
  }
  .MembershipCard1 table .MembershipCard1-table-thin {
    font-size: 13px;
  }
  .MembershipCard1-table {
    font-size: 12px;
  }
  .MembershipCard1-table tbody td {
    padding: 6px 4px;
  }
  .MembershipCard1-summary-title {
    font-size: 30px !important;
    font-family: "LiSu", serif;
  }
  .MembershipCard1-summary-title span {
    font-family: 'Microsoft YaHei';
    font-size: 24px;
  }
  .MembershipCard1-total {
    font-size: 16px !important;
  }
  /* 介绍区域：缩减外边距 */
  .MembershipCard1-introduce {
    margin: 0 16px;
  }
  /* 标题：缩小高度与字号 */
  .MembershipCard1-introduce .MembershipCard1-title {
    height: 80px;
    font-size: 20px;
    padding-left: 0;
    letter-spacing: 4px;
    line-height: 1.4;
    justify-content: center;
    text-align: center;
    background-size: 100% auto;
    margin-top: -24px;
  }
  /* 列表标题与内容：缩小字号 */
  .MembershipCard1-introduce .MembershipCard1-list {
    width: 100% !important;
  }
  .MembershipCard1-introduce .MembershipCard1-list .MembershipCard1-list-title {
    font-size: 18px;
    margin-bottom: 10px;
    flex-wrap: wrap;
  }
  .MembershipCard1-introduce .MembershipCard1-list .MembershipCard1-list-title .MembershipCard1-list-marks {
    font-size: 16px;
  }
  .MembershipCard1-introduce .MembershipCard1-list .MembershipCard1-list-title .MembershipCard1-list-marks2 {
    font-size: 18px;
  }
  .MembershipCard1-introduce .MembershipCard1-list .MembershipCard1-list-content {
    font-size: 14px;
    line-height: 26px;
  }
  /* 倒茶小人图片 */
  .MembershipCard1-introduce .MembershipCard1-img4 {
    margin-left: 16px;
    height: 120px;
    margin-top: 24px;
  }
  /* flex-row 容器：纵向排列覆盖内联padding */
  .MembershipCard1-introduce .flex.flex-row {
    padding: 0 16px !important;
    flex-direction: column;
    align-items: center;
  }
  /* ========== MembershipCard2 适配 ========== */
  /* 卡片整体：纵向排列，图片在上表格在下 */
  .MembershipCard2 {
    padding: 30px 16px 40px 16px;
    flex-direction: column-reverse;
  }
  /* 表格容器：覆盖 Tailwind w-1px */
  .MembershipCard2 .flex-1 {
    width: 100% !important;
    flex: none !important;
  }
  /* 价格标题 */
  .MembershipCard2 .MembershipCard2-title {
    flex-wrap: wrap;
    gap: 4px;
  }
  .MembershipCard2 .MembershipCard2-title .MembershipCard2-price {
    font-size: 22px;
  }
  .MembershipCard2 .MembershipCard2-title .MembershipCard2-price span {
    font-size: 20px !important;
  }
  .MembershipCard2 .MembershipCard2-title .MembershipCard2-redDot {
    width: 16px;
    height: 16px;
    margin: 0 8px;
  }
  .MembershipCard2 .MembershipCard2-title .MembershipCard2-titleText {
    font-size: 20px;
  }
  /* 表格：横向滚动 */
  .MembershipCard2 .MembershipCard2-table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    font-size: 13px;
  }
  .MembershipCard2 .MembershipCard2-table thead th,
  .MembershipCard2 .MembershipCard2-table tbody td {
    padding: 8px 6px;
    font-size: 13px;
  }
  /* 红色标题行：缩小字号，内联margin-left归零 */
  .MembershipCard2 .MembershipCard2-table-redTitle {
    font-size: 16px;
  }
  .MembershipCard2 .MembershipCard2-table-redTitle .MembershipCard2-table-redTitle-title {
    font-size: 24px;
  }
  .MembershipCard2 .MembershipCard2-table-redTitle .MembershipCard2-table-redTitle-title span {
    font-size: 22px;
  }
  .MembershipCard2 .MembershipCard2-table-redTitle span {
    margin-left: 0 !important;
    display: inline-block;
  }
  .MembershipCard2 .MembershipCard2-table-redTitle .MembershipCard2-table-redTitle-price {
    margin-left: 40px !important;
  }
  /* 促销文字 */
  .MembershipCard2 .MembershipCard2-promo {
    font-size: 14px;
  }
  /* 图片：固定高度改为响应式 */
  .MembershipCard2 .MembershipCard-img {
    height: auto !important;
    width: 100%;
    object-fit: cover;
    margin-bottom: 16px;
  }
  /* ========== 红线分隔 ========== */
  .MembershipCard-redLine {
    margin: 0 16px;
  }
  /* ========== MembershipCard3 适配 ========== */
  /* 卡片整体：纵向排列 */
  .MembershipCard3 {
    padding: 30px 16px 40px 16px;
    flex-direction: column;
  }
  /* 表格容器：覆盖 Tailwind w-1px */
  .MembershipCard3 .flex-1 {
    width: 100% !important;
    flex: none !important;
  }
  /* 价格标题 */
  .MembershipCard3 .MembershipCard3-title {
    flex-wrap: wrap;
    gap: 4px;
  }
  .MembershipCard3 .MembershipCard3-title .MembershipCard3-price {
    font-size: 22px;
  }
  .MembershipCard3 .MembershipCard3-title .MembershipCard3-price span {
    font-size: 20px !important;
  }
  .MembershipCard3 .MembershipCard3-title .MembershipCard3-redDot {
    width: 16px;
    height: 16px;
    margin: 0 8px;
  }
  .MembershipCard3 .MembershipCard3-title .MembershipCard3-titleText {
    font-size: 20px;
  }
  /* 表格：横向滚动 */
  .MembershipCard3 .MembershipCard3-table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    font-size: 13px;
  }
  .MembershipCard3 .MembershipCard3-table thead th,
  .MembershipCard3 .MembershipCard3-table tbody td {
    padding: 8px 6px;
    font-size: 13px;
  }
  /* 红色标题行 */
  .MembershipCard3 .MembershipCard3-table-redTitle {
    font-size: 16px;
  }
  .MembershipCard3 .MembershipCard3-table-redTitle .MembershipCard3-table-redTitle-title {
    font-size: 24px;
  }
  .MembershipCard3 .MembershipCard3-table-redTitle .MembershipCard3-table-redTitle-title span {
    font-size: 22px;
  }
  .MembershipCard3 .MembershipCard3-table-redTitle span {
    margin-left: 0 !important;
    display: inline-block;
  }
  .MembershipCard3 .MembershipCard3-table-redTitle .MembershipCard3-table-redTitle-price {
    margin-left: 40px !important;
  }
  /* 促销文字 */
  .MembershipCard3 .MembershipCard3-promo {
    font-size: 14px;
  }
  /* 图片：固定高度改为响应式 */
  .MembershipCard3 .MembershipCard-img {
    height: auto !important;
    width: 100%;
    object-fit: cover;
    margin-bottom: 16px;
  }
}
/* ========== 手机端适配 (max-width: 480px) ========== */
@media (max-width: 480px) {
  .memberBenefits-container {
    padding-top: 30px;
  }
  /* MembershipCard1 表格 */
  .MembershipCard1 table td,
  .MembershipCard1 table th {
    font-size: 12px;
  }
  .MembershipCard1 table .MembershipCard1-table-thin {
    font-size: 12px;
  }
  .MembershipCard1-table tbody td {
    padding: 4px 2px !important;
  }
  .MembershipCard1-total {
    font-size: 11px !important;
  }
  /* MembershipCard2 表格 */
  .MembershipCard2 .MembershipCard2-table thead th,
  .MembershipCard2 .MembershipCard2-table tbody td {
    font-size: 12px;
    padding: 4px 2px !important;
  }
  .MembershipCard2 .MembershipCard2-table-redTitle {
    font-size: 16px;
  }
  .MembershipCard2 .MembershipCard2-table-redTitle .MembershipCard2-table-redTitle-title {
    font-size: 20px;
  }
  .MembershipCard2 .MembershipCard2-table-redTitle .MembershipCard2-table-redTitle-title span {
    font-size: 18px;
  }
  .MembershipCard2 .MembershipCard2-promo {
    font-size: 13px;
  }
  /* MembershipCard3 表格 */
  .MembershipCard3 .MembershipCard3-table thead th,
  .MembershipCard3 .MembershipCard3-table tbody td {
    font-size: 12px;
    padding: 4px 2px !important;
  }
  .MembershipCard3 .MembershipCard3-table-redTitle {
    font-size: 14px;
  }
  .MembershipCard3 .MembershipCard3-table-redTitle .MembershipCard3-table-redTitle-title {
    font-size: 20px;
  }
  .MembershipCard3 .MembershipCard3-table-redTitle .MembershipCard3-table-redTitle-title span {
    font-size: 18px;
  }
  .MembershipCard3 .MembershipCard3-promo {
    font-size: 12px;
  }
  /* 分隔线进一步缩减 */
  .memberBenefits-line {
    height: 8px;
  }
  /* ========== MembershipCard1 适配 ========== */
  .MembershipCard1 {
    padding: 12px 12px 0 12px;
  }
  .MembershipCard1-imgList {
    width: 102px;
  }
  .MembershipCard1-rightTop .MembershipCard1-img2 {
    height: 90px;
  }
  .MembershipCard1-rightTop .MembershipCard1-img3 {
    height: 36px;
  }
  .MembershipCard1-rightTop .MembershipCard1-titleText {
    font-size: 12px;
  }
  /* 价格标题：进一步缩小 */
  .MembershipCard1-priceTitle .MembershipCard1-price {
    font-size: 18px;
  }
  .MembershipCard1-priceTitle .MembershipCard1-price span {
    font-size: 16px !important;
  }
  .MembershipCard1-priceTitle .MembershipCard1-redDot {
    width: 12px;
    height: 12px;
    margin: 0 6px;
  }
  .MembershipCard1-priceTitle .MembershipCard1-titleText {
    font-size: 16px;
  }
  /* 表格字号 */
  .MembershipCard1 table td,
  .MembershipCard1 table th {
    font-size: 12px;
  }
  .MembershipCard1 table .MembershipCard1-table-thin {
    font-size: 11px;
  }
  .MembershipCard1-total {
    font-size: 14px !important;
  }
  .MembershipCard1-summary-title {
    font-size: 20px !important;
  }
  .MembershipCard1-summary-title span {
    font-size: 18px !important;
  }
  /* 介绍区域 */
  .MembershipCard1-introduce {
    margin: 0 12px;
  }
  .MembershipCard1-introduce .MembershipCard1-title {
    height: 64px;
    font-size: 14px;
    letter-spacing: 2px;
    line-height: 1.3;
    padding-left: 90px;
    background-size: 230% auto;
    background-position: left;
    margin-top: -15px;
  }
  .MembershipCard1-introduce .MembershipCard1-list {
    padding-bottom: 10px;
  }
  .MembershipCard1-introduce .MembershipCard1-list .MembershipCard1-list-title {
    font-size: 18px;
  }
  .MembershipCard1-list-marks {
    font-size: 14px !important;
  }
  .MembershipCard1-list-marks2 {
    font-size: 16px !important;
  }
  .MembershipCard1-introduce .MembershipCard1-list .MembershipCard1-list-content {
    font-size: 14px;
    line-height: 22px;
  }
  .MembershipCard1-introduce .MembershipCard1-img4 {
    margin-left: 6px;
    height: 80px;
    margin-top: 12px;
  }
  .MembershipCard1-introduce .flex.flex-row {
    padding: 0 12px !important;
  }
  /* ========== MembershipCard2 适配 ========== */
  .MembershipCard2 {
    padding: 20px 12px 24px 12px;
  }
  .MembershipCard2 .MembershipCard2-title .MembershipCard2-price {
    font-size: 18px;
  }
  .MembershipCard2 .MembershipCard2-title .MembershipCard2-price span {
    font-size: 16px !important;
  }
  .MembershipCard2 .MembershipCard2-title .MembershipCard2-redDot {
    width: 12px;
    height: 12px;
  }
  .MembershipCard2 .MembershipCard2-title .MembershipCard2-titleText {
    font-size: 16px;
  }
  .MembershipCard2 .MembershipCard2-table thead th,
  .MembershipCard2 .MembershipCard2-table tbody td {
    padding: 6px 4px;
    font-size: 11px;
  }
  .MembershipCard2 .MembershipCard2-table-redTitle {
    font-size: 16px;
  }
  .MembershipCard2 .MembershipCard2-promo {
    font-size: 12px;
  }
  /* 红线 */
  .MembershipCard-redLine {
    margin: 0 12px;
  }
  /* ========== MembershipCard3 适配 ========== */
  .MembershipCard3 {
    padding: 20px 12px 24px 12px;
  }
  .MembershipCard3 .MembershipCard3-title .MembershipCard3-price {
    font-size: 18px;
  }
  .MembershipCard3 .MembershipCard3-title .MembershipCard3-price span {
    font-size: 16px !important;
  }
  .MembershipCard3 .MembershipCard3-title .MembershipCard3-redDot {
    width: 12px;
    height: 12px;
  }
  .MembershipCard3 .MembershipCard3-title .MembershipCard3-titleText {
    font-size: 16px;
  }
  .MembershipCard3 .MembershipCard3-table thead th,
  .MembershipCard3 .MembershipCard3-table tbody td {
    padding: 6px 4px;
    font-size: 11px;
  }
  .MembershipCard3 .MembershipCard3-table-redTitle {
    font-size: 14px;
  }
  .MembershipCard3 .MembershipCard3-promo {
    font-size: 12px;
  }
}
/* ============================================================ */
/* ============ 表格无滚动响应式优化（新增代码） ============ */
/* ============================================================ */
/* 覆盖之前 overflow-x: auto + white-space: nowrap 方案
   改为文字自动换行，确保移动端无横向/纵向滚动条
   适配范围：320px - 768px */
/* ========== 768px 以下：表格换行优化 ========== */
@media (max-width: 768px) {
  /* ---- MembershipCard1 表格 ---- */
  .MembershipCard1 table {
    display: table;
    overflow: hidden;
    white-space: normal;
    word-break: break-word;
    table-layout: fixed;
    width: 100%;
  }
  .MembershipCard1 table td,
  .MembershipCard1 table th {
    white-space: normal;
    word-break: break-word;
    overflow-wrap: break-word;
  }
  .MembershipCard1-table tbody td {
    white-space: normal;
    word-break: break-word;
  }
  /* ---- MembershipCard2 表格 ---- */
  .MembershipCard2 .MembershipCard2-table {
    display: table;
    overflow: hidden;
    white-space: normal;
    word-break: break-word;
    table-layout: fixed;
  }
  .MembershipCard2 .MembershipCard2-table thead th,
  .MembershipCard2 .MembershipCard2-table tbody td {
    white-space: normal;
    word-break: break-word;
    overflow-wrap: break-word;
  }
  /* 覆盖行内 style="padding: 14px 5px" */
  .MembershipCard2 .MembershipCard2-table tbody td[style] {
    padding: 8px 4px !important;
  }
  /* 红色标题行 padding 覆盖 */
  .MembershipCard2 .MembershipCard2-table-redTitle {
    padding: 6px 4px !important;
  }
  /* ---- MembershipCard3 表格 ---- */
  .MembershipCard3 .MembershipCard3-table {
    display: table;
    overflow: hidden;
    white-space: normal;
    word-break: break-word;
    table-layout: fixed;
  }
  .MembershipCard3 .MembershipCard3-table thead th,
  .MembershipCard3 .MembershipCard3-table tbody td {
    white-space: normal;
    word-break: break-word;
    overflow-wrap: break-word;
  }
  /* 覆盖行内 style="padding: 14px 5px" */
  .MembershipCard3 .MembershipCard3-table tbody td[style] {
    padding: 8px 4px !important;
  }
  /* 红色标题行 padding 覆盖 */
  .MembershipCard3 .MembershipCard3-table-redTitle {
    padding: 6px 4px !important;
  }
}
/* ========== 320px 超小屏幕：极致压缩 ========== */
@media (max-width: 320px) {
  /* MembershipCard1 */
  .MembershipCard1 table td,
  .MembershipCard1 table th {
    font-size: 8px;
  }
  .MembershipCard1 table .MembershipCard1-table-thin {
    font-size: 7px;
  }
  .MembershipCard1-table tbody td {
    padding: 3px 1px !important;
  }
  .MembershipCard1-total {
    font-size: 12px !important;
  }
  /* MembershipCard2 */
  .MembershipCard2 .MembershipCard2-table thead th,
  .MembershipCard2 .MembershipCard2-table tbody td {
    font-size: 8px;
    padding: 3px 1px !important;
  }
  .MembershipCard2 .MembershipCard2-table-redTitle {
    font-size: 14px;
  }
  .MembershipCard2 .MembershipCard2-promo {
    font-size: 8px;
  }
  /* MembershipCard3 */
  .MembershipCard3 .MembershipCard3-table thead th,
  .MembershipCard3 .MembershipCard3-table tbody td {
    font-size: 8px;
    padding: 3px 1px !important;
  }
  .MembershipCard3 .MembershipCard3-table-redTitle {
    font-size: 14px;
  }
  .MembershipCard3 .MembershipCard3-promo {
    font-size: 8px;
  }
}