/* ================= About Us 页面全局样式 (最终整合无冲突版) ================= */

/* 1. 全局基础与深色背景 */
#slcp-blank-content .slcp-about-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  background-color: #121212;
  color: #ffffff;
  line-height: 1.6;
}

#slcp-blank-content .ab-container {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 15px;
  position: relative;
  z-index: 2;
}

#slcp-blank-content .ab-section {
  padding: 76.8px 0;
  position: relative;
  overflow: hidden;
}

#slcp-blank-content .ab-bg-alt {
  background-color: #1a1a1a;
}

/* 背景装饰大字 (ABOUT US / HISTORY) */
#slcp-blank-content .ab-deco-title {
  position: absolute;
  top: 30px;
  left: 50%;
  transform: translateX(-50%);
  font-family: "Arial Bold", Arial, sans-serif;
  font-size: 180px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.03) !important;
  white-space: nowrap;
  pointer-events: none;
  z-index: 1;
  line-height: 1;
}

/* ================= 2. 标题与段落排版 ================= */
/* 大标题 (H2 / H3) */
#slcp-blank-content h2.ab-header,
#slcp-blank-content .ab-header h2,
#slcp-blank-content .ab-split h3,
#slcp-blank-content .ab-banner-content h3 {
  font-family: "Arial Bold", Arial, sans-serif !important;
  font-size: 38.4px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  margin: 0 0 20px 0 !important;
  color: #ffffff !important;
  text-transform: uppercase !important;
}

#slcp-blank-content .ab-header {
  text-align: center !important;
  margin-bottom: 50px !important;
}

/* 基础段落样式 (强制亮白) */
#slcp-blank-content p {
  font-family: "Google Sans", "Arial", sans-serif !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  font-size: 18px !important;
  line-height: 32.4px !important;
  text-transform: none !important;
}

/* 独立的描述段落：居中限制宽度 */
#slcp-blank-content .has-text-align-center,
#slcp-blank-content h2 + p,
#slcp-blank-content .ab-container > p {
  text-align: center !important;
  max-width: 1040px !important;
  margin: 0 auto 10px auto !important;
}

/* 图文分栏里的段落：强制左对齐 */
#slcp-blank-content .ab-split p {
  text-align: left !important;
  margin: 0 0 20px 0 !important;
  max-width: none !important;
}

/* ================= 3. 数据统计区 ================= */
#slcp-blank-content .ab-stats {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 30px !important;
  margin-top: 60px !important;
  align-items: flex-start !important;
}

#slcp-blank-content .ab-stats .wp-block-column {
  text-align: center !important;
  position: relative !important;
}

#slcp-blank-content .ab-stats h3 {
  font-family: "Arial Bold", Arial, sans-serif !important;
  font-size: 38.4px !important;
  font-weight: 400 !important;
  color: #ffb837 !important;
  line-height: 42.24px !important;
  margin: 15.36px 0 0 0 !important;
}

#slcp-blank-content .ab-stats p {
  font-family: "Montserrat ExtraLight", sans-serif !important;
  font-size: 16px !important;
  color: #fcfcfc !important;
  margin: 7.68px 0 0 0 !important;
  line-height: 30.4px !important;
}

/* 统计区垂直分隔线 */
#slcp-blank-content .ab-stats .wp-block-column:not(:last-child)::after {
  content: '' !important;
  position: absolute !important;
  right: -15px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 1px !important;
  height: 60px !important;
  background-color: rgba(255, 255, 255, 0.15) !important;
}

/* ================= 4. 图文分栏 (左右交替) ================= */
#slcp-blank-content .ab-split {
  display: flex !important;
  flex-direction: row !important; 
  flex-wrap: nowrap !important;
  gap: 60px !important;
  align-items: center !important;
  margin-bottom: 0 !important;
}

#slcp-blank-content .ab-split .wp-block-column {
  flex: 1 1 0% !important;
}

#slcp-blank-content .ab-split img {
  width: 100% !important;
  height: auto !important;
  border-radius: 0 !important;
  object-fit: fill !important;
  display: block !important;
}

/* ================= 5. 全宽横幅 ================= */
#slcp-blank-content .ab-banner-full {
  width: 100%;
  background-color: #1a1a1a;
  background-image: linear-gradient(rgba(26,26,26,0.8), rgba(26,26,26,0.8)), url('https://img.yfisher.com/m6004/1725877716237-1.jpg') !important;
  background-size: cover !important;
  background-position: center !important;
  padding: 184.32px 0 !important;
  text-align: center !important;
  position: relative;
}

#slcp-blank-content .ab-banner-content {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 15px;
  position: relative;
  z-index: 2;
}

#slcp-blank-content .ab-banner-content p {
  max-width: 800px;
  margin-bottom: 30px !important;
}

/* 横幅按钮 */
#slcp-blank-content .ab-banner-full .wp-block-buttons {
  justify-content: center !important;
}

#slcp-blank-content .ab-banner-full .wp-block-button__link {
  background-color: #ffb837 !important;
  color: #111111 !important;
  font-family: "Arial", sans-serif !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  padding: 14px 40px !important;
  border-radius: 0 !important;
  display: inline-block !important;
  border: none !important;
  line-height: 1.5 !important;
  font-size: 16px !important;
}

#slcp-blank-content .ab-banner-full .wp-block-button__link:hover {
  opacity: 0.9;
}

/* ================= 6. 工厂网格 ================= */
#slcp-blank-content .ab-grid-3 {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 30px !important;
  margin-top: 30px !important;
}

#slcp-blank-content .ab-grid-3 .wp-block-column {
  flex: 1 1 calc(33.333% - 20px) !important;
  min-width: 300px !important;
}

#slcp-blank-content .ab-grid-item {
  text-align: center !important;
}

#slcp-blank-content .ab-grid-item img {
  width: 100% !important;
  height: auto !important;
  border-radius: 0 !important;
  margin-bottom: 15px !important;
}

#slcp-blank-content .ab-grid-item h4 {
  font-size: 18px !important;
  margin: 0 !important;
  color: #fff !important;
  font-weight: 400 !important;
  text-transform: none !important;
}

/* ================= 7. 历史时间轴 ================= */
#slcp-blank-content .ab-history {
  display: flex !important;
  flex-wrap: nowrap !important; 
  overflow-x: auto !important;  
  gap: 30px !important;
  padding-bottom: 20px !important;
  scroll-behavior: smooth !important;
  scroll-snap-type: x mandatory !important;
  -ms-overflow-style: none !important; 
  scrollbar-width: none !important; 
}

#slcp-blank-content .ab-history::-webkit-scrollbar { display: none !important; }

#slcp-blank-content .ab-history .wp-block-column {
  flex: 0 0 400px !important; 
  max-width: 400px !important;
  padding: 40px 30px !important;
  background: #222222 !important; 
  border-left: none !important; 
  border-radius: 0 !important;
  scroll-snap-align: start !important;
  box-sizing: border-box !important;
  margin: 0 !important;
}

#slcp-blank-content .ab-history h4 {
  font-family: "Arial Bold", Arial, sans-serif !important;
  font-size: 38.4px !important;
  font-weight: 700 !important;
  color: #fff !important;
  margin: 0 0 15px 0 !important;
}

#slcp-blank-content .ab-history p {
  font-size: 16px !important;
  color: rgba(255, 255, 255, 0.8) !important;
  margin: 0 !important;
  line-height: 1.6 !important;
  text-align: left !important;
}

/* JS 生成的底部时间轴导航 */
.slcp-history-nav-wrap {
  position: relative;
  margin-top: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.slcp-history-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 800px;
  position: relative;
}
.slcp-history-nav::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  background: rgba(255, 255, 255, 0.2);
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.slcp-history-nav-item {
  position: relative;
  z-index: 2;
  cursor: pointer;
  text-align: center;
  background: #1a1a1a; 
  padding: 0 10px;
}
.slcp-history-nav-item span {
  display: block;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 10px;
  transition: all 0.3s;
}
.slcp-history-nav-item::after {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.3);
  margin: 0 auto;
  transition: all 0.3s;
}
.slcp-history-nav-item.is-active span { color: #fff; }
.slcp-history-nav-item.is-active::after {
  background: #ffb837;
  transform: scale(1.5);
}
.slcp-history-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  background: rgba(0,0,0,0.5);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  cursor: pointer;
  z-index: 10;
  border: none;
  font-size: 20px;
  transition: background 0.3s;
}
.slcp-history-btn:hover { background: #ffb837; color: #111; }
.slcp-history-btn.prev { left: -20px; }
.slcp-history-btn.next { right: -20px; }


/* ================= 8. 证书轮播 (Columns 结构) ================= */
#slcp-blank-content .ab-cert-slider {
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  gap: 20px !important;
  scroll-behavior: smooth !important;
  scroll-snap-type: x mandatory !important;
  padding-bottom: 20px !important;
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
}

#slcp-blank-content .ab-cert-slider::-webkit-scrollbar {
  display: none !important;
}

#slcp-blank-content .ab-cert-slider .wp-block-column {
  flex: 0 0 calc(20% - 16px) !important; 
  max-width: calc(20% - 16px) !important;
  scroll-snap-align: start !important;
  margin: 0 !important;
}

#slcp-blank-content .ab-cert-slider img {
  width: 100% !important;
  height: auto !important;
  border-radius: 0 !important;
  border: 1px solid #333 !important; 
}

/* JS 生成的证书分页点 */
.slcp-cert-dots {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 20px;
}
.slcp-cert-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  cursor: pointer;
  transition: all 0.3s;
}
.slcp-cert-dot.is-active {
  background: #ffb837;
  transform: scale(1.2);
}


/* ================= 9. 响应式 ================= */
@media (max-width: 991px) {
  #slcp-blank-content .ab-split { flex-direction: column !important; gap: 40px !important; }
  #slcp-blank-content .ab-deco-title { font-size: 100px; }
  #slcp-blank-content .ab-banner-full { padding: 100px 0 !important; }
  #slcp-blank-content .ab-cert-slider .wp-block-column { flex-basis: calc(33.333% - 14px) !important; max-width: calc(33.333% - 14px) !important; }
}

@media (max-width: 767px) {
  #slcp-blank-content .ab-stats { flex-wrap: wrap !important; }
  #slcp-blank-content .ab-stats .wp-block-column { flex-basis: 45% !important; }
  #slcp-blank-content .ab-stats .wp-block-column:not(:last-child)::after { display: none !important; }
  #slcp-blank-content .ab-grid-3 .wp-block-column { flex-basis: 100% !important; }
  #slcp-blank-content h2.ab-header, #slcp-blank-content .ab-header h2, #slcp-blank-content .ab-split h3 { font-size: 28px !important; line-height: 1.2 !important; }
  #slcp-blank-content .ab-cert-slider .wp-block-column { flex-basis: calc(50% - 10px) !important; max-width: calc(50% - 10px) !important; }
}