/* ========================================
   壹博之家（新版，替换病友之声）
   设计稿 Pixso 0:1184「壹博之家-1」1939×804（bg 1920 全出血）
   框架：背景渐变 + header（虚线+标题图）+ 右下角 logo 暗纹
   header/水印 与 ebmedical/doctors_new/news_new 同一模式；主题内容区留待验收后填充
   ======================================== */

.yibohome {
  position: relative;
  background: linear-gradient(to top, #CED5D6, #FFFFFF);   /* 设计稿 0:1192：底部灰→顶部白 */
  overflow: hidden;
  padding: 40px 0 78px;   /* 设计：标题组顶 y=40；内容/圆点底 y726 → 帧底 y804 = 78px */
}

/* ---- Section Header（对齐 ebmedical-header：标题整图 + 两侧虚线垂直居中）---- */
.yibohome-header {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0 auto;
}

/* Dashed line images（与 ebmedical-header-dash 一致） */
.yibohome-dash {
  flex: 1;
  max-width: 830px;
  height: auto;
  min-width: 0;
  display: block;
  object-fit: contain;
}

/* Unified title image（与 ebmedical-header-title-img 一致: 9.5% ≈ 181px @1920） */
.yibohome-header-title-img {
  flex-shrink: 0;
  display: block;
  width: 9.5%;
  height: auto;
  margin: 0 18px;
}

/* ---- 主题内容区：3-slide Swiper（设计稿 Pixso 0:1184 / 6:171 / 6:926）----
   每个 slide：左 4px 红条 + 714×382 照片（右缘渐变已烧入导出图）；
   右 文案列（数字水印 / 红标题 / 副标题 / 标题 / 描述 / 了解更多按钮）。
   整体（照片+文案列+重叠）由 slide 居中，左右边距相等（与其它首页模块一致）。
   文案列垂直节奏（相对列顶）：padding-top 56.4；副标题 margin 2.42；标题 21.3；
   描述 4.4；了解更多 margin-top:auto 吸列底（设计固定 y251.3）。
   水平：文案列 margin-left:-9 探入照片右缘 9px；了解更多固定左缘=列左缘+487.65。
   图块相对文案列下移 24px（设计：文案顶 y246 / 图顶 y270）。 */
.yibohome-content {
  position: relative;
  z-index: 1;                      /* 盖住 watermark（z-index:0） */
  margin-top: 44px;                /* 设计：标题组底 y202 → 内容顶 y246 ≈ 44px */
}

.yibohome-swiper {
  width: 100%;
}

.yibohome-slide {
  display: flex;
  justify-content: center;   /* 与 ebmedical/doctors_new/news_new 一致：内容块整体居中，左右边距相等 */
  align-items: flex-start;
}

/* 照片块：4px 红条 + 714px 照片 = 718×382；相对文案列下移 24px。
   与文案列(含 -9 重叠) 作为整体由 slide 居中，左右边距相等。 */
.yibohome-photo {
  display: flex;
  flex: 0 0 auto;
  width: 718px;
  height: 382px;
  margin-top: 24px;
}

.yibohome-photo-red {
  flex: 0 0 4px;                   /* 设计 矩形119：4px 可见红条 */
  background: #D60008;
}

.yibohome-photo-img {
  flex: 1 1 auto;
  min-width: 0;
  display: block;
  width: 714px;
  height: 382px;
  object-fit: cover;               /* 右缘渐变已烧入导出图（alpha x0=255 → x713≈0） */
}

/* 文案列：slide1 w=610 / slide2 w=585.7 / slide3 w=579，高 264.8。
   margin-left:-9px → 文案列左缘探入照片右缘 9px（设计：文案列 x1038 / 照片右缘 x1047，重叠 9；
   照片右缘渐隐已在导出图烧入，重叠区透明，文字压在渐隐上） */
.yibohome-copy {
  position: relative;
  flex: 0 0 auto;
  width: 610px;
  max-width: 100%;
  box-sizing: border-box;
  padding-top: 56.4px;             /* 设计：红标题顶 y56.4（数字水印 absolute 贴列顶） */
  min-height: 264.8px;             /* 设计文案列高 264.8 */
  margin-left: -9px;               /* 与照片右缘重叠 9px */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.yibohome-copy--2 { width: 585.7px; }
.yibohome-copy--3 { width: 579px; }

/* 数字水印 01/02/03（Work Sans Bold 124.2，10% 不透明度，压在文字下方） */
.yibohome-copy-num {
  position: absolute;
  top: 0;
  left: 5.6px;
  z-index: 0;
  font-family: "Work Sans", Arial, "Helvetica Neue", sans-serif;
  font-size: 124.2px;
  font-weight: 700;
  line-height: 1.18;               /* 146 / 124.2 */
  color: #CA0015;
  opacity: 0.1;
  letter-spacing: 2.48px;
  pointer-events: none;
  user-select: none;
}

/* 文案元素盖过底部数字水印 */
.yibohome-copy-heading,
.yibohome-copy-sub,
.yibohome-copy-title,
.yibohome-copy-desc,
.yibohome-copy-more {
  position: relative;
  z-index: 1;
}

.yibohome-copy-heading {
  font-size: 32px;
  font-weight: 700;
  color: #D60008;
  letter-spacing: 1.28px;
  line-height: 48.98px;            /* 32 × 1.53 */
  margin: 0;
}

.yibohome-copy-sub {
  font-size: 22px;
  font-weight: 400;
  color: #372D32;
  letter-spacing: 0.88px;
  line-height: 33px;               /* 设计副标题行高 33 */
  margin: 2.42px 0 0;              /* 标题底105.38 → 副标题顶107.8 */
}

.yibohome-copy-title {
  font-size: 20px;
  font-weight: 700;
  color: #372D32;
  line-height: 30px;
  margin: 21.3px 0 0;              /* 副标题底140.8 → 标题顶162.1（无红线） */
}

.yibohome-copy-desc {
  font-size: 18px;
  font-weight: 400;
  color: #372D32;
  letter-spacing: 0.72px;
  line-height: 24px;
  margin: 4.4px 0 0;               /* 标题底192.1 → 描述顶196.5 */
}

/* 「> 了解更多」（设计 组409/411：箭头在左，红 #D60008，吸列底）。
   水平：非右对齐 — 按钮左缘固定在「文案列左缘 + 487.65」；
   设计三张 slide 按钮绝对 x 均=1525.65（文案列左缘 x1038），与列宽无关。 */
.yibohome-copy-more {
  margin-top: auto;                /* 吸列底：描述 1 行(slide1/2)/2 行(slide3) 按钮位置均与设计一致 */
  margin-left: 487.65px;           /* 固定左缘 = 文案列左缘 + 487.65 */
  display: inline-flex;
  align-items: center;
  gap: 9px;                        /* 设计：箭头右缘 → 文字左缘 9.4px */
  color: #D60008;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
}

.yibohome-copy-more-arrow {
  font-size: 14px;
  line-height: 1;
}

/* 分页圆点（设计 滚动点：3 dots × 19px，间距 37.87→38，激活 #CA0015 / 非激活 #160D0C，
   组 opacity 0.8；图底 y652 → 点顶 y707.4 = 55.4px） */
.yibohome .yibohome-pagination {
  position: static;
  margin: 55.4px auto 0;
  display: flex;
  justify-content: center;
  gap: min(38px, 1.98vw);
  opacity: 0.8;
}

.yibohome .yibohome-pagination .swiper-pagination-bullet {
  width: 19px;
  height: 19px;
  border-radius: 50%;
  background: #160D0C;
  opacity: 1;
  margin: 0;
}

.yibohome .yibohome-pagination .swiper-pagination-bullet-active {
  background: #CA0015;
}

/* ---- Background watermark logo（Pixso 0:1196: 723×125 @帧右下, 白 15% 已烧进图）---- */
.yibohome-watermark {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 37.7%;      /* 723px @1920 */
  height: auto;
  z-index: 0;
  pointer-events: none;
}

/* ========================================
   Responsive — 1024px（对齐 ebmedical/doctors_new：虚线收窄）
   ======================================== */
@media only screen and (max-width: 1024px) {
  .yibohome-dash {
    max-width: 300px;
  }
  /* 照片+文案 718+610≈1328 放不下 1024 → 纵向堆叠（对齐 news_new/doctors_new） */
  .yibohome-content {
    margin-top: 40px;
    padding: 0 16px;
    box-sizing: border-box;
  }
  .yibohome-slide {
    flex-direction: column;
    align-items: center;
    gap: 30px;
  }
  .yibohome-photo {
    margin-top: 0;
    margin-left: 0;              /* 取消桌面固定左缘，堆叠居中 */
    width: 100%;
    max-width: 440px;
    height: auto;
    aspect-ratio: 718 / 382;
  }
  .yibohome-photo-img {
    height: 100%;
  }
  .yibohome-copy,
  .yibohome-copy--2,
  .yibohome-copy--3 {
    width: 100%;
    max-width: 440px;
    min-height: 0;
    padding-top: 40px;
    margin-left: 0;                /* 堆叠布局：取消与照片的重叠 */
  }
  .yibohome-copy-num {
    font-size: 90px;
  }
  .yibohome-copy-heading {
    font-size: 26px;
    line-height: 1.4;
  }
  .yibohome-copy-sub {
    font-size: 20px;
    line-height: 1.5;
  }
  .yibohome-copy-title {
    font-size: 18px;
    line-height: 1.5;
  }
  .yibohome-copy-desc {
    font-size: 16px;
    line-height: 1.5;
  }
  .yibohome-copy-more {
    margin-top: 20px;
    margin-left: 0;                /* 取消固定左缘，回归列左对齐 */
  }
  .yibohome .yibohome-pagination {
    margin-top: 30px;
  }
}

/* ========================================
   Responsive — 768px（移动端，对齐 ebmedical/doctors_new）
   ======================================== */
@media only screen and (max-width: 768px) {
  .yibohome {
    padding: 30px 0 50px;
  }
  .yibohome-header {
    padding: 0 16px;
  }
  .yibohome-dash {
    display: none;
  }
  .yibohome-header-title-img {
    width: 30%;   /* 与 ebmedical-header-title-img 移动端一致 */
    margin: 0;
  }

  .yibohome-content {
    margin-top: 30px;
  }
  .yibohome-slide {
    gap: 24px;
  }
  .yibohome-photo {
    max-width: 400px;
  }
  .yibohome-copy,
  .yibohome-copy--2,
  .yibohome-copy--3 {
    max-width: 400px;   /* 与照片同宽，视觉对齐 */
    padding-top: 32px;
  }
  .yibohome-copy-heading {
    font-size: 24px;
  }
  .yibohome-copy-sub {
    font-size: 18px;
    line-height: 1.55;
  }
  .yibohome-copy-title {
    font-size: 17px;
  }
  .yibohome-copy-desc {
    font-size: 15px;
  }
}

/* ========================================
   Responsive — 480px（手机窄屏，对齐 doctors_new/feature_new）
   ======================================== */
@media only screen and (max-width: 480px) {
  .yibohome {
    padding: 24px 0 40px;
  }
  .yibohome-content {
    margin-top: 24px;
  }
  .yibohome-copy-num {
    font-size: 72px;
  }
  .yibohome-copy-heading {
    font-size: 22px;
  }
  .yibohome-copy-more {
    font-size: 13px;
  }
}