/* ==========================================================================
   美迪康生物 — 细节覆盖（加载于 grdeen.css 之后）
   ========================================================================== */

/* --------------------------------------------------------------------------
   1) 首屏 banner 标题：去掉模板的「白色擦除条」
   模板用 .main-slider-one__title::after 一个白色色块（101% x 100%，纯白背景）
   从右往左扫过标题，模拟擦除揭示；在文字出现前就是一道白杠，很突兀。
   这里直接禁用该伪元素，标题恢复为纯净的淡入 + 右向滑入。
   -------------------------------------------------------------------------- */
.main-slider-one__title::after {
  content: none !important;
  display: none !important;
  background: none !important;
}

/* 白条去掉后不必再等 1.5s 的揭示延迟：
   原来的长延迟是靠白条"占位"撑住的，现在改为紧凑的级联淡入，
   副标题 → 主标题 → 按钮依次登场，首屏 1.2s 内全部到位，不留空窗 */
.main-slider-one .active .main-slider-one__sub-title {
  transition-delay: 200ms;
}
.main-slider-one .active .main-slider-one__title {
  transition-delay: 400ms;
}
.main-slider-one .active .main-slider-one__btn {
  transition-delay: 800ms;
}

/* ==========================================================================
   2) 内页（列表 / 详情 / 表单）补充样式
   科技感 + 大公司设计：统一品牌绿主题、圆角卡片、柔和阴影
   ========================================================================== */

/* ---- 顶部内页 banner 标题微调（更紧凑） ---- */
.page-header {
  padding-top: 210px;
  padding-bottom: 130px;
}
/* 覆盖 banner 背景图为实际存在的资源（原模板引用 page-header-bg1-1.jpg 缺失） */
.page-header__bg {
  background-image: url(../images/about-shape3-1.png), linear-gradient(135deg, #16231a 0%, #1f3a28 55%, #2c5c3c 100%) !important;
  background-size: auto, cover;
  background-position: right bottom, center;
  mix-blend-mode: normal;
  opacity: 1;
}
.page-header__overlay {
  background-color: rgba(9, 22, 14, 0.35) !important;
  mix-blend-mode: normal;
}
.page-header__title {
  letter-spacing: 1px;
}
.grdeen-breadcrumb li a,
.grdeen-breadcrumb li span {
  color: #fff;
}

/* ---- 侧边栏分类标题 + 列表 ---- */
.sidebar__single {
  background: #fff;
  border-radius: 14px;
  padding: 32px 30px;
  box-shadow: 0 12px 40px rgba(18, 40, 20, 0.06);
}
.sidebar__title {
  font-size: 22px;
  font-weight: 700;
  color: var(--grdeen-black, #17200c);
  margin-bottom: 24px;
  padding-bottom: 16px;
  position: relative;
}
.sidebar__title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 44px;
  height: 3px;
  border-radius: 3px;
  background: var(--grdeen-base, #3f9b5c);
}
.sidebar__categories__list li + li {
  margin-top: 14px;
}
.sidebar__categories__list li a {
  font-size: 15px;
  color: var(--grdeen-text, #626f62);
  font-weight: 500;
  transition: all 300ms ease;
  position: relative;
  padding-left: 0;
}
.sidebar__categories__list li a:hover,
.sidebar__categories__list li a.active {
  color: var(--grdeen-base, #3f9b5c);
  padding-left: 8px;
}

/* ---- 表单输入框（联系 / 询盘页） ---- */
.contact-form-one__input-box {
  margin-bottom: 24px;
}
.contact-form-one__input-box input,
.contact-form-one__input-box textarea {
  width: 100%;
  background: #f6f8f6;
  border: 1px solid #e5eae5;
  border-radius: 10px;
  padding: 15px 20px;
  font-size: 15px;
  color: #2c352c;
  transition: all 300ms ease;
  outline: none;
}
.contact-form-one__input-box input {
  height: 56px;
}
.contact-form-one__input-box textarea {
  height: 160px;
  resize: vertical;
}
.contact-form-one__input-box input:focus,
.contact-form-one__input-box textarea:focus {
  border-color: var(--grdeen-base, #3f9b5c);
  background: #fff;
  box-shadow: 0 0 0 4px rgba(63, 155, 92, 0.12);
}
.contact-form-one__input-box input::placeholder,
.contact-form-one__input-box textarea::placeholder {
  color: #a8b2a8;
}
.contact-form-one__btn {
  height: 56px;
  padding: 0 44px;
  border: none;
  cursor: pointer;
  font-weight: 600;
}

/* ---- 产品详情参数表 / 正文排版 ---- */
.product-content {
  font-size: 16px;
  line-height: 1.9;
  color: #4a554a;
}
.product-content p {
  margin-bottom: 16px;
}
.product-specs td {
  vertical-align: top;
}

/* ---- 分页条（如有） ---- */
.pagination {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
}
.pagination a,
.pagination span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  height: 42px;
  padding: 0 14px;
  border-radius: 8px;
  background: #fff;
  color: #4a554a;
  font-weight: 600;
  box-shadow: 0 4px 14px rgba(18, 40, 20, 0.06);
  transition: all 300ms ease;
}
.pagination a:hover,
.pagination span.current {
  background: var(--grdeen-base, #3f9b5c);
  color: #fff;
}

/* ---- 内页内容容器 / 上一篇下一篇 ---- */
.section {
  display: block;
}
.prev-next {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-top: 36px;
  padding-top: 24px;
  border-top: 1px solid var(--grdeen-border-color, #e7e7e7);
}
.prev-next a {
  font-size: 15px;
  font-weight: 600;
  color: var(--grdeen-text-dark, #07370a);
  transition: all 300ms ease;
}
.prev-next a:hover {
  color: var(--grdeen-base, #034ea2);
}
.prev-next .next {
  text-align: right;
  margin-left: auto;
}
@media (max-width: 767px) {
  .prev-next {
    flex-direction: column;
    gap: 12px;
  }
}

/* 产品列表卡片：对齐首页 project-one 样式 */
.project-one__item__image img {
  width: 100%;
  display: block;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}
.blog-details__image img {
  max-width: 100%;
  border-radius: 12px;
  margin-bottom: 24px;
}
.blog-details__post-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  margin-bottom: 22px;
  color: var(--grdeen-text, #626f62);
  font-size: 14px;
}
.blog-details__post-meta li i {
  color: var(--grdeen-base, #034ea2);
  margin-right: 6px;
}
.blog-details__text {
  font-size: 16px;
  line-height: 1.9;
  color: #4a554a;
}
.blog-details__text p {
  margin-bottom: 16px;
}
.blog-details__text img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
}

/* ==========================================================================
   英文站 Products 下拉：产品名最多显示 30 个字符，超出用省略号
   ========================================================================== */
.main-menu__list li.dropdown > ul.submenu-products {
  /* 30ch 文本 + a 左右 padding 40 + ul 左右 padding 40 */
  width: 336px;
}
.main-menu__list li.dropdown > ul.submenu-products > li > a {
  display: block;                        /* flex 容器无法生效 text-overflow */
  width: calc(30ch + 40px);              /* 文本区 = 30 个英文字符 + 左右 padding */
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}