/* ============================================================
   FOSO 定制覆盖层（不改动 legacy 老站样式，集中管理我们的微调）
   ============================================================ */

/* hero 左侧深色遮罩：沿用上一版（v2-modern）的偏黑配色 #15100C，
   左深右浅，盖住美女图左侧的橙黄色墙面；右侧人物区域保持通透 */
.foso-hero-veil {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background:
    linear-gradient(94deg,
      rgba(21, 16, 12, .92) 0%,
      rgba(21, 16, 12, .68) 34%,
      rgba(21, 16, 12, .24) 62%,
      rgba(21, 16, 12, .02) 86%),
    linear-gradient(rgba(21, 16, 12, .3),
      rgba(21, 16, 12, .04) 45%,
      rgba(21, 16, 12, .55));
}

/* ============================================================
   全站按钮统一：跑道型（pill）外框 + 悬停金色高亮
   对齐 hero「探索品类能力」按钮的观感（金色底 + 上浮 + 金色光晕）
   ============================================================ */
.btn {
  border-radius: 999px;
  transition: background-color .22s ease, color .22s ease,
    border-color .22s ease, transform .22s ease, box-shadow .22s ease;
}

/* 尺寸向 hero 按钮靠拢，保证跑道拱形比例自然 */
.btn.btn-small {
  padding: 11px 30px;
  font-size: 12.5px;
  line-height: 1;
  letter-spacing: .08em;
}

/* 金色按钮（默认金底）：悬停 → 亮金 + 上浮 + 光晕（同 hero） */
.btn.btn-deep-pink:hover,
.btn.btn-deep-pink:focus {
  background: #F2CA6B;
  border-color: #F2CA6B;
  color: #15100C;
  transform: translateY(-2px);
  box-shadow: 0 10px 24px -10px rgba(242,202,107, .7);
  filter: brightness(1.08);
}

/* 白色按钮（默认白底）：悬停 → 同样收成金色，保持一套色彩语言 */
.btn.btn-deep-pinks:hover,
.btn.btn-deep-pinks:focus {
  background: #F2CA6B;
  border-color: #F2CA6B;
  color: #15100C;
  transform: translateY(-2px);
  box-shadow: 0 10px 24px -10px rgba(242,202,107, .7);
  filter: brightness(1.08);
}

/* 键盘可达性：焦点环与金色主色一致 */
.btn:focus-visible {
  outline: 2px solid var(--fos-yellow);
  outline-offset: 3px;
}

/* ============================================================
   v2 设计变量（上一版网站配色）
   ============================================================ */
:root {
  --fos-yellow: #F2CA6B;
  --fos-yellow-deep: #F2CA6B;
  --ink: #231815;
  --bg-ink-2: #1E1712;
  --line-dark: #332A22;
  --foso-font: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue",
    "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Roboto, Arial, sans-serif;
}

/* ============================================================
   1. 导航 LOGO 三态切换
   - 顶部（深色 hero）：金色徽章白字版 logo-light（老站机制 default 显示）
   - 滚动后（黄色 sticky 背景）：全白版 logo-pure（FOSO+竖线+标语全白，
     金色徽章在黄底上会撞色）
   （老站规则是 sticky + header-light 时显示深色 logo，这里整体接管）
   ============================================================ */

/* 全白版默认隐藏（与老站 logo-dark 同款隐藏方式：width:0 不占位） */
header .logo .logo-pure {
  visibility: hidden;
  opacity: 0;
  width: 0;
}

header.sticky nav.navbar.header-light .logo .logo-dark,
header.sticky nav.navbar.header-light-transparent .logo .logo-dark,
header.sticky nav.navbar.header-light .logo .logo-light,
header.sticky nav.navbar.header-light-transparent .logo .logo-light {
  visibility: hidden;
  opacity: 0;
  width: 0;
}

header.sticky nav.navbar.header-light .logo .logo-pure,
header.sticky nav.navbar.header-light-transparent .logo .logo-pure {
  visibility: visible;
  opacity: 1;
  width: auto;
}

/* ============================================================
   2. v2 风格汉堡按钮 + 右侧滑出菜单（与上一版网站一模一样）
   ============================================================ */
.nav-toggle {
  display: flex;
  width: 46px;
  height: 46px;
  border-radius: 12px;
  border: 1.5px solid rgba(255, 255, 255, .3);
  align-items: center;
  justify-content: center;
  color: #fff;
  background: transparent;
  cursor: pointer;
  transition: all .2s;
  float: right;
  margin-top: 13px;
}

.nav-toggle:hover {
  border-color: var(--fos-yellow);
  background: rgba(255, 255, 255, .07);
}

.nav-toggle svg {
  width: 22px;
  height: 22px;
}

.nav-overlay {
  position: fixed;
  inset: 0;
  background: rgba(21, 16, 12, .5);
  opacity: 0;
  pointer-events: none;
  transition: opacity .28s ease;
  /* 老站 nav.navbar-fixed-top 的 z-index 高达 9999，遮罩与菜单必须更高，
     否则菜单打开时顶部导航仍浮在最上层、并拦截菜单区域的点击 */
  z-index: 10000;
}

.nav-overlay.show {
  opacity: 1;
  pointer-events: auto;
}

.side-menu {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: min(380px, 88vw);
  background: var(--bg-ink-2);
  z-index: 10010;
  transform: translateX(103%);
  opacity: 0;
  transition: transform .3s ease, opacity .3s ease;
  display: flex;
  flex-direction: column;
  padding: 24px 30px 30px;
  overflow-y: auto;
  box-shadow: -24px 0 60px rgba(21, 16, 12, .35);
}

.side-menu.open {
  transform: translateX(0);
  opacity: 1;
}

/* flex 子项不压缩：内容超出视口时由容器 overflow-y 滚动，而不是把导航区压扁 */
.side-menu > * {
  flex-shrink: 0;
}

.sm-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}

.sm-logo {
  height: 34px;
  width: auto;
}

.sm-close {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, .22);
  color: #fff;
  display: grid;
  place-items: center;
  background: transparent;
  cursor: pointer;
  transition: all .15s;
}

.sm-close svg {
  width: 16px;
  height: 16px;
}

.sm-close:hover {
  border-color: var(--fos-yellow);
  color: var(--fos-yellow);
}

.sm-lang {
  display: flex;
  gap: 8px;
  border-top: 1px solid var(--line-dark);
  border-bottom: 1px solid var(--line-dark);
  padding: 16px 0;
  margin-bottom: 8px;
}

.sm-lang button {
  flex: 1;
  padding: 9px 0;
  font-size: 13.5px;
  font-weight: 300;
  letter-spacing: .06em;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 8px;
  color: #A39C92;
  background: transparent;
  cursor: pointer;
  transition: all .15s;
}

.sm-lang button:hover {
  color: #fff;
  border-color: rgba(255, 255, 255, .4);
}

.sm-lang button.on {
  background: var(--fos-yellow);
  border-color: var(--fos-yellow);
  color: var(--ink);
}

.sm-nav {
  list-style: none;
  margin: 0;
  padding: 0;
}

.sm-nav li {
  border-bottom: 1px solid rgba(255, 255, 255, .06);
}

.sm-nav a {
  display: block;
  padding: 14px 2px;
  font-size: 16.5px;
  font-weight: 300;
  letter-spacing: .05em;
  color: #D8D2C8;
  transition: color .15s, padding-left .15s;
}

.sm-nav a:hover {
  color: #fff;
  padding-left: 8px;
}

.sm-nav a.active {
  color: var(--fos-yellow);
}

.sm-bottom {
  margin-top: auto;
  padding-top: 26px;
}

.sm-portal {
  width: 100%;
}

.sm-mail {
  display: block;
  text-align: center;
  margin-top: 14px;
  color: #A39C92;
  font-size: 14px;
  transition: color .15s;
}

.sm-mail:hover {
  color: var(--fos-yellow);
}

/* 菜单里的胶囊按钮沿用 v2 按钮样式 */
/* 字体统一（2026-10-13）：--foso-font 是 v2-modern 遗留的系统字体栈，
   会让 hero 区块与 Client Portal 按钮脱离全站 Rajdhani 体系，统一切回 --font */
.side-menu .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-family: var(--font);
  font-weight: 700;
  font-size: 15.5px;
  padding: 13px 26px;
  border-radius: 999px;
  transition: all .2s ease;
  white-space: nowrap;
  text-decoration: none;
}

.side-menu .btn-yellow {
  background: var(--fos-yellow);
  color: var(--ink);
}

.side-menu .btn-yellow:hover {
  background: #F2CA6B;
  transform: translateY(-2px);
  box-shadow: 0 10px 24px -10px rgba(242,202,107, .7);
  filter: brightness(1.08);
}

/* ============================================================
   3. hero 文字：上一版网站的内容与版式（中文蓝本）
   （嵌入老站 hero 区块内，加 .foso-hero 作用域避免污染老站 .btn）
   ============================================================ */
.foso-hero {
  text-align: left;
  font-family: var(--font);
}

.foso-hero .hero-kicker {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  background: rgba(242,202,107, .14);
  border: 1px solid rgba(242,202,107, .4);
  color: var(--fos-yellow);
  font-size: 13.5px;
  font-weight: 700;
  letter-spacing: .1em;
  padding: 9px 18px;
  border-radius: 999px;
}

.foso-hero .hero-title {
  color: #fff;
  font-size: clamp(40px, 5.6vw, 74px);
  /* 字重锁 700：项目内 Rajdhani 只有 400/500/600/700 四个字面，
     而 legacy/font-awesome.min.css 把 900 伪映射到了 Medium 文件，
     声明 800 会命中它导致标题变细 */
  font-weight: 700;
  line-height: 1.08;
  letter-spacing: -.025em;
  margin: 28px 0 22px;
  /* Rajdhani 比系统字体窄，820px 会让 "kits" 孤词成行；760px 断行最均衡 */
  max-width: 760px;
}

.foso-hero .hero-title em {
  font-style: normal;
  color: var(--fos-yellow);
}

.foso-hero .hero-sub {
  font-size: clamp(17px, 1.6vw, 20px);
  color: #D8D2C8;
  line-height: 1.8;
  max-width: 600px;
}

.foso-hero .hero-cta {
  display: flex;
  gap: 14px;
  margin-top: 42px;
  flex-wrap: wrap;
}

.foso-hero .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-family: var(--font);
  font-weight: 700;
  font-size: 15.5px;
  padding: 15px 30px;
  border-radius: 999px;
  transition: all .2s ease;
  white-space: nowrap;
  text-decoration: none;
  border: none;
  text-transform: none;
}

.foso-hero .btn-yellow {
  background: var(--fos-yellow);
  color: var(--ink);
}

.foso-hero .btn-yellow:hover {
  background: #F2CA6B;
  transform: translateY(-2px);
  box-shadow: 0 10px 24px -10px rgba(242,202,107, .7);
  filter: brightness(1.08);
}

.foso-hero .btn-ghost-light {
  border: 1.5px solid rgba(255, 255, 255, .45);
  color: #fff;
  background: transparent;
}

.foso-hero .btn-ghost-light:hover {
  border-color: #fff;
  background: #fff;
  color: var(--ink);
}

@media (max-width: 767px) {
  .foso-hero .hero-title {
    font-size: clamp(30px, 8.5vw, 40px);
  }

  .nav-toggle {
    margin-top: 8px;
    width: 42px;
    height: 42px;
  }
}

/* ============ 首页 products & solutions：ADAPTER 磁贴 PD 快充线描图标 ============ */
/* 与 et-line 字形图标同尺寸(80px 圆 + 45px 图形)，颜色随 currentColor，悬停随主题变色 */
.foso-icon-pd {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}

.foso-icon-pd svg {
  display: block;
  width: 45px;
  height: 45px;
}

/* ============ 首页 products & solutions：第一行占位（内容待补） ============ */
/* 占位高度与磁贴一致(约 203px)，让四个既有品类落在第二行、不压住右上角标题；
   补上第一行三个品类后，直接删除 .tile-slot-empty 占位即可 */
.mm-products .tile-slot-empty {
  min-height: 203px;
}

@media (max-width: 767px) {
  .mm-products .tile-slot-empty {
    min-height: 0;
  }
}

/* ============ 首页磁贴：自绘 SVG 图标与 et-line 字形视觉等大 ============ */
.foso-icon-pd svg {
  width: 52px;
  height: 52px;
}

/* ============ 首页 products & solutions：统一图标视觉盒与对齐 ============ */
/* 圆形外框固定 80px 并按弹性居中，字形图标与自绘 SVG 共用同一视觉基准 */
.mm-products .feature-box-8 .d-inline-block > .icon-round-small {
  width: 80px;
  height: 80px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

/* et-line 字形图标：字形视觉高度对齐自绘 SVG */
.mm-products .feature-box-8 .icon-round-small.text-icon {
  font-size: 44px;
}

/* 自绘 SVG：默认按 52px 方盒；宽幅矢量（风扇）按宽度撑满，视觉面积与其他图标一致 */
.mm-products .feature-box-8 .foso-icon-pd svg {
  display: block;
  width: 52px;
  height: 52px;
}

.mm-products .feature-box-8 .foso-icon-fan svg {
  width: 62px;
  height: 62px;
}

/* 图标下沿留白一致，避免不同元素基线造成错位 */
.mm-products .feature-box-8 .d-inline-block {
  margin-bottom: 14px !important;
}

/* ============ 首页「交付您所期望的」三列：自绘线描图标（CKD / SKD / FG） ============ */
/* 与老站 et-line 字形图标等大：桌面 40px、移动端 30px；颜色随 currentColor 走 text-medium-gray */
.foso-svc-icon {
  display: block;
  width: 40px;
  height: 40px;
}

.foso-svc-icon svg {
  display: block;
  width: 40px;
  height: 40px;
}

@media (max-width: 767px) {
  .foso-svc-icon,
  .foso-svc-icon svg {
    width: 30px;
    height: 30px;
  }
}

/* ============ 首页「照明产品线」：沿用老站 mm-bg 圆形徽章，只把字形图标换为自绘 SVG ============ */
/* 徽章结构 / 尺寸 / 悬停「深灰→白、圆底放大」全部沿用老站规则；
   这里只负责让自绘 SVG 撑满原字形图标（icon-large 50px）的视觉盒 */
.mm-bg .mm-icon.foso-lamp {
  display: block;
  width: 50px;
  height: 50px;
}

.mm-bg .mm-icon.foso-lamp svg {
  display: block;
  width: 100%;
  height: 100%;
}

@media (max-width: 767px) {

  .mm-bg .mm-icon.foso-lamp,
  .mm-bg .mm-icon.foso-lamp svg {
    width: 40px;
    height: 40px;
  }
}

/* ============ 首页「小家电产品线」：与照明产品线同一徽章体系，仅换图标 ============ */
/* 2026-10-12：小家电图标整体放大（50→56 / 40→44），配合调细的线条 */
.mm-bg .mm-icon.foso-app {
  display: block;
  width: 56px;
  height: 56px;
}

.mm-bg .mm-icon.foso-app svg {
  display: block;
  width: 100%;
  height: 100%;
}

/* 小家电共 8 项：大屏按 4 列排布（两行各 4 个，左右平衡） */
@media (min-width: 992px) {
  .foso-grid-5 > [class*="col-"] {
    flex: 0 0 25%;
    max-width: 25%;
  }
}

@media (max-width: 767px) {

  .mm-bg .mm-icon.foso-app,
  .mm-bg .mm-icon.foso-app svg {
    width: 44px;
    height: 44px;
  }
}

/* ============ 新闻中心：卡片图片统一比例（与老站视觉一致） ============ */
.swiper-slider-clients .blog-post-images a {
  display: block;
  aspect-ratio: 4 / 3;
  overflow: hidden;
}

.swiper-slider-clients .blog-post-images img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 标题统一占满 3 行高（最多 3 行截断）：保证日期、分隔线、摘要左右对齐 */
.swiper-slider-clients .post-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  min-height: 54px;
}

/* ============ 新闻弹窗排版优化 ============ */
/* 抽屉限宽：大屏不再全屏铺开，正文行长可控 */
.newsbox {
  max-width: 960px;
}

/* 现场图：置于正文下方，按原图比例完整展示（2026-10-12 用户要求：不裁切、不切人头） */
.newsbox .foso-news-hero {
  margin: 26px 0 6px;
  line-height: 0;
  overflow: hidden;
  border-radius: 8px;
  background: #f2f2f2;
}

.newsbox .foso-news-hero img {
  display: block;
  width: 100%;
  height: auto;
}

/* 关闭按钮：白色圆钮，sticky 常驻右上角，滚动时也可见 */
.newsbox .closes {
  position: sticky;
  top: 14px;
  z-index: 20;
  height: 0;
  display: flex;
  justify-content: flex-end;
  padding: 0 18px;
}

.newsbox .closes i {
  font-size: 16px;
  width: 44px;
  height: 44px;
  background: rgba(255, 255, 255, 0.94);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.22);
  cursor: pointer;
}

/* 正文列：限宽居中，行长舒适 */
.newsbox .post-details {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.newsbox .post-title {
  font-size: 22px !important;
  font-weight: 600;
  line-height: 1.5;
}

#newscontent {
  font-size: 15px;
  line-height: 1.95;
  color: #626262;
  padding-bottom: 50px;
}

#newscontent p {
  margin: 0 0 18px;
}

/* 老站内容内联样式归一（等线/字号不一） */
#newscontent p span,
#newscontent p sup {
  font-family: inherit !important;
  font-size: inherit !important;
  background: transparent !important;
}

/* 图片画廊：单图限高、多图两列网格，避免通栏大图刷屏 */
#newscontent .foso-news-gallery {
  display: grid;
  gap: 12px;
  margin: 26px 0;
}

#newscontent .foso-news-gallery figure {
  margin: 0;
  overflow: hidden;
  border-radius: 8px;
  background: #f2f2f2;
}

#newscontent .foso-news-gallery img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 22%;
}

#newscontent .foso-cols-1 figure {
  height: auto;
}

/* 2/3 图：按 4:3 比例取景，取景偏上，保证人物头部完整 */
#newscontent .foso-cols-2,
#newscontent .foso-cols-3 {
  grid-template-columns: 1fr 1fr;
}

#newscontent .foso-cols-2 figure,
#newscontent .foso-cols-3 figure {
  height: auto;
  aspect-ratio: 4 / 3;
}

/* 3 图：首张通栏作主图，其余两张并排（展示图统一 4:3，首图取 3:2 只轻微裁切） */
#newscontent .foso-cols-3 figure:first-child {
  grid-column: 1 / -1;
  height: auto;
  aspect-ratio: 3 / 2;
}

@media (max-width: 767px) {
  .newsbox .post-details {
    max-width: 100%;
  }

  #newscontent .foso-cols-3 figure:first-child {
    aspect-ratio: 4 / 3;
  }
}

/* ---------- 侧边菜单：产品二级菜单（含号点与展开动画） ---------- */
.sm-has-sub > .sm-sub-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 14px 2px;
  font-family: inherit;
  font-size: 16.5px;
  font-weight: 300;
  letter-spacing: .05em;
  text-transform: uppercase;
  text-align: left;
  color: #D8D2C8;
  background: none;
  border: 0;
  cursor: pointer;
  transition: color .15s, padding-left .15s;
}

.sm-has-sub > .sm-sub-toggle:hover {
  color: #fff;
  padding-left: 8px;
}

.sm-has-sub > .sm-sub-toggle.active {
  color: var(--fos-yellow);
}

/* 加号 → 减号 */
.sm-plus {
  position: relative;
  flex: 0 0 14px;
  width: 14px;
  height: 14px;
  margin-left: 12px;
}

.sm-plus::before,
.sm-plus::after {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 14px;
  height: 2px;
  margin-top: -1px;
  border-radius: 2px;
  background: currentColor;
  transition: transform .25s ease;
}

.sm-plus::after {
  transform: rotate(90deg);
}

.sm-has-sub.open > .sm-sub-toggle .sm-plus::after,
.sm-has-sub.open > .sm-sub-row .sm-toggle-plus .sm-plus::after {
  transform: rotate(90deg) scaleX(0);
}

/* 子菜单：默认收起，点开才展开 */
.sm-sub {
  max-height: 0;
  overflow: hidden;
  list-style: none;
  margin: 0;
  padding: 0;
  transition: max-height .3s ease;
}

.sm-has-sub.open > .sm-sub {
  max-height: 460px;
}

/* 小家电三级产品清单：条目更多，给足展开高度 */
.sm-has-sub.open > .sm-sub--l3 {
  max-height: 680px;
}

.sm-nav .sm-sub li {
  border-bottom: 0;
}

.sm-nav .sm-sub a {
  display: flex;
  align-items: center;
  padding: 10px 2px 10px 14px;
  font-size: 14.5px;
  font-weight: 300;
  letter-spacing: .03em;
  text-transform: none;
  color: #B9B2A8;
}

.sm-nav .sm-sub a:hover {
  color: #fff;
  padding-left: 20px;
}

.sm-nav .sm-sub a.active {
  color: var(--fos-yellow);
}

.sm-dot {
  flex: 0 0 6px;
  width: 6px;
  height: 6px;
  margin-right: 10px;
  border-radius: 50%;
  background: var(--fos-yellow);
}

/* ---------- 侧边菜单：小家电三级产品清单（2026-10-09） ---------- */

/* 「小家电」一行 = 左侧可点链接 + 右侧独立加号按钮 */
.sm-nav .sm-sub-row {
  display: flex;
  align-items: center;
}

.sm-nav .sm-sub-row > a {
  flex: 1 1 auto;
  min-width: 0;
}

.sm-toggle-plus {
  flex: 0 0 42px;
  height: 42px;
  display: grid;
  place-items: center;
  padding: 0;
  background: none;
  border: 0;
  color: #8E887F;
  cursor: pointer;
  transition: color .15s;
}

.sm-toggle-plus:hover,
.sm-has-sub.open > .sm-sub-row .sm-toggle-plus {
  color: var(--fos-yellow);
}

.sm-toggle-plus .sm-plus {
  flex: 0 0 12px;
  width: 12px;
  height: 12px;
  margin-left: 0;
}

.sm-toggle-plus .sm-plus::before,
.sm-toggle-plus .sm-plus::after {
  width: 12px;
  height: 1.5px;
  margin-top: -.75px;
}

/* 三级清单：整体缩进 + 短横线指示 */
.sm-nav .sm-sub--l3 > li {
  border-bottom: 0;
}

.sm-nav .sm-sub--l3 a {
  padding: 8px 2px 8px 34px;
  font-size: 13.5px;
  color: #A8A199;
}

.sm-nav .sm-sub--l3 a:hover {
  padding-left: 40px;
  color: #fff;
}

.sm-dash {
  flex: 0 0 10px;
  width: 10px;
  height: 1px;
  margin-right: 10px;
  background: rgba(242, 202, 107, .45);
}

/* ---------- 产品页品类 banner（2026-10-09） ---------- */
.page-banner {
  position: relative;
  background-size: cover;
  background-position: center 45%;
  background-repeat: no-repeat;
  min-height: 400px;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.page-banner-veil {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(180deg,
    rgba(27, 19, 16, .78) 0%,
    rgba(27, 19, 16, .30) 46%,
    rgba(27, 19, 16, .66) 100%);
}

.page-banner .container {
  position: relative;
  z-index: 2;
}

.page-banner h4 {
  text-shadow: 0 2px 24px rgba(0, 0, 0, .55);
}

.page-banner .text-large {
  text-shadow: 0 1px 14px rgba(0, 0, 0, .5);
}

/* 纯色 banner（2026-10-12）：适配器/开关电源/变压器/LED驱动 四页
   图片整体移除，只留深墨本色（与站点遮罩同色 #1B1310）；标题用 sr-only 保留给 SEO */
.page-banner-plain {
  min-height: 400px;
  background-color: #1B1310;
}

/* 联系我们页 hero（2026-10-12）：contact_bg.jpg 物件（电话/便签/笔/地球仪/信封）
   集中在画面左半。桌面端 .parallax 的 background-attachment:fixed 会按视口缩放
   （视口高>图高时放大 1.17 倍再居中），电话被裁得只剩一角；
   改为 scroll（按区块自身 cover，1440 宽恰好完整呈现）并靠左对齐。
   手机端取景本就正常，保持主题默认不动 */
@media (min-width: 768px) {
  .page-contact-hero {
    background-attachment: scroll;
    background-position: left center !important;
  }
}

/* 左文字 + 右产品版 banner（小家电页，2026-10-11）：
   产品收在画面右侧 1/3，左侧暗场留给文字 */
.page-banner-left .page-banner-veil {
  background:
    linear-gradient(90deg,
      rgba(27, 19, 16, .40) 0%,
      rgba(27, 19, 16, .08) 46%,
      rgba(27, 19, 16, .14) 100%),
    linear-gradient(180deg,
      rgba(27, 19, 16, .42) 0%,
      rgba(27, 19, 16, 0) 42%,
      rgba(27, 19, 16, .48) 100%);
}

/* ---------- 小家电品类卡片（2026-10-09） ---------- */
.foso-app-item {
  scroll-margin-top: 96px;
}

.foso-appliance-card {
  background: #fff;
  border: 1px solid rgba(35, 24, 21, .08);
  height: 100%;
  transition: transform .25s, box-shadow .25s, border-color .2s, background-color .2s;
}

.foso-appliance-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 40px rgba(35, 24, 21, .14);
  border-color: #F2CA6B;
  background: #F2CA6B;
}

.foso-appliance-img {
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: #231815;
}

.foso-appliance-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .45s ease;
}

.foso-appliance-card:hover .foso-appliance-img img {
  transform: scale(1.06);
}

.foso-appliance-name {
  padding: 14px 16px 2px;
  font-size: 16px;
  font-weight: 600;
  color: #231815;
}

.foso-appliance-en {
  padding: 0 16px 16px;
  font-size: 11.5px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #8E887F;
}

/* ===== 关于页「我们能做什么」三卡自绘 SVG 图标（2026-09-18） ===== */
.feature-box-8 .icon-round-small.foso-svc-icon {
  width: 80px;
  height: 80px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.feature-box-8 .icon-round-small.foso-svc-icon svg {
  display: block;
  width: 44px;
  height: 44px;
}

@media (max-width: 767px) {
  .feature-box-8 .icon-round-small.foso-svc-icon svg {
    width: 38px;
    height: 38px;
  }
}

/* ===== 关于页移植 V2 区块：跨品类工程能力 → 我们是设计公司（2026-09-18） ===== */
.v2blk {
  --fos-yellow:#F2CA6B;
  --fos-yellow-deep:#F2CA6B;
  --fos-yellow-soft:#FBF5E6;
  --fos-yellow-mist:#F5E8C9;
  --ink:#231815;
  --ink-2:#4A403A;
  --gray:#756F68;
  --bg-soft:#F8F6F1;
  --bg-ink:#15100C;
  --radius-lg:18px;
  --shadow-2:0 14px 40px -14px rgba(35,24,21,.25);
  --container:1200px;
  --font:'Rajdhani',"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",Arial,Helvetica,sans-serif;
  font-family:var(--font);
  color:var(--ink);
  line-height:1.65;
  font-size:16px;
  background:#fff;
}

.v2blk .wrap {max-width:var(--container);margin:0 auto;padding:0 24px}

.v2blk .eyebrow {display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--fos-yellow-deep)}

.v2blk .eyebrow::before {content:"";width:26px;height:2px;background:var(--fos-yellow-deep);border-radius:2px}

.v2blk .sec {padding:104px 0}

.v2blk .sec-head {max-width:760px;margin-bottom:60px}

.v2blk .sec-head.center {margin-left:auto;margin-right:auto;text-align:center}

.v2blk .sec-head.center .eyebrow {justify-content:center}

.v2blk .sec-title {font-size:clamp(32px,4.2vw,52px);font-weight:800;line-height:1.14;letter-spacing:-.022em;margin:16px 0 18px}

.v2blk .sec-sub {font-size:17.5px;color:var(--gray);line-height:1.75}

.v2blk .hero-strip .wrap {display:flex;align-items:center;gap:12px;padding-top:16px;padding-bottom:16px;color:#B8B1A5;font-size:13.5px}

.v2blk /* ---------- 全幅标语横幅 ---------- */
.band {position:relative;overflow:hidden;background-color:var(--bg-ink)}

.v2blk .band-veil {position:absolute;inset:0;background:linear-gradient(rgba(21,16,12,.86),rgba(21,16,12,.91))}

.v2blk .band-in {position:relative;z-index:2;text-align:center;padding:130px 24px;max-width:880px;margin:0 auto}

.v2blk .band-in h2 {color:#fff;font-size:clamp(30px,4.4vw,54px);font-weight:800;line-height:1.16;letter-spacing:-.02em;text-wrap:balance}

.v2blk .band-in h2 em {font-style:normal;color:var(--fos-yellow)}

.v2blk .band-in p {color:#C9C2B6;font-size:17.5px;line-height:1.8;margin-top:20px}

.v2blk .since-grid b .nv {display:inline-block}

.v2blk .since-grid b.roll .nv {animation:sinceRoll .5s cubic-bezier(.25,.8,.3,1)}

.v2blk .cap-ico {width:56px;height:56px;border-radius:16px;background:var(--fos-yellow-soft);border:1px solid var(--fos-yellow-mist);display:grid;place-items:center;margin-bottom:22px}

.v2blk .cap-ico svg {width:27px;height:27px;stroke:var(--fos-yellow-deep)}

.v2blk /* 我们能做什么 — 老站 feature-box 形状：竖版白卡居中、顶部金圆图标、hover 金色自底部涨满并反色 */
.do-sec {background:var(--bg-soft)}

.v2blk .do-title {text-align:center;margin-bottom:56px}

.v2blk .do-title .sec-title {margin:14px 0 0}

.v2blk .do-line {width:64px;height:3px;background:var(--fos-yellow);border-radius:2px;margin:20px auto 0}

.v2blk .do-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:26px}

.v2blk .do-tile {position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;background:#fff;box-shadow:0 0 3px rgba(0,0,0,.1);padding:56px 34px 48px;overflow:hidden}

.v2blk .do-overlay {position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--fos-yellow);transition:height .2s ease-in-out;z-index:0}

.v2blk .do-tile:hover .do-overlay {height:100%}

.v2blk .do-ico {position:relative;z-index:1;width:80px;height:80px;border-radius:50%;background:var(--fos-yellow);display:grid;place-items:center;margin-bottom:26px;flex-shrink:0;transition:background .2s ease-in-out}

.v2blk .do-ico svg {width:40px;height:40px;stroke:var(--ink);transition:stroke .2s ease-in-out}

.v2blk .do-tile:hover .do-ico {background:#333}

.v2blk .do-tile:hover .do-ico svg {stroke:var(--fos-yellow)}

.v2blk .do-name {text-wrap:balance;position:relative;z-index:1;display:block;font-family:'Rajdhani',sans-serif;font-weight:700;font-size:20px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);line-height:1.35;margin-bottom:12px}

.v2blk .do-desc {position:relative;z-index:1;color:var(--gray);font-size:14.5px;line-height:1.75;max-width:330px;transition:color .2s ease-in-out}

.v2blk .do-tile:hover .do-desc {color:#231815}

.v2blk /* 流程步骤 — 与"能做什么"统一为竖版白卡（老站 feature-box 样式：金色圆标置顶 + hover 金底涨满） */
.steps {display:grid;grid-template-columns:repeat(4,1fr);gap:26px}

.v2blk .step {position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;background:#fff;box-shadow:0 0 3px rgba(0,0,0,.1);padding:56px 30px 48px;overflow:hidden}

.v2blk .step::before {content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--fos-yellow);transition:height .2s ease-in-out;z-index:0}

.v2blk .step:hover::before {height:100%}

.v2blk .step-num {position:relative;z-index:1;width:80px;height:80px;border-radius:50%;background:var(--fos-yellow);display:grid;place-items:center;font-family:'Rajdhani',sans-serif;font-size:26px;font-weight:700;color:var(--ink);letter-spacing:.02em;margin-bottom:26px;transition:background .2s ease-in-out,color .2s ease-in-out}

.v2blk .step:hover .step-num {background:#333;color:var(--fos-yellow)}

.v2blk .step h3 {text-wrap:balance;position:relative;z-index:1;font-family:'Rajdhani',sans-serif;font-weight:700;font-size:20px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);line-height:1.35;margin-bottom:12px}

.v2blk .step p {position:relative;z-index:1;color:var(--gray);font-size:14.5px;line-height:1.75;max-width:330px;transition:color .2s ease-in-out}

.v2blk .step:hover p {color:#231815}

.v2blk /* 图文分栏 */
.split {display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}

.v2blk .split.flip .split-media {order:2}

.v2blk .split-media .img-frame {border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-2)}

.v2blk .split-media .img-frame img {width:100%;height:100%;object-fit:cover}

.v2blk .split-media .img-frame {aspect-ratio:4/3.1;background:var(--bg-soft)}

.v2blk .split-body h2 {font-size:clamp(28px,3.2vw,42px);margin:14px 0 18px;line-height:1.18;letter-spacing:-.02em}

.v2blk .split-body>p {color:var(--gray);font-size:16.5px;line-height:1.8}

.v2blk .page-hero .eyebrow {color:var(--fos-yellow)}

.v2blk .page-hero .eyebrow::before {background:var(--fos-yellow)}

.v2blk .sec.alt {background:var(--bg-soft)}

.v2blk /* 为什么 FOSO — 与"能做什么"统一为竖版白卡（老站 feature-box 样式） */
.why-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:26px}

.v2blk .why-card {position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;background:#fff;box-shadow:0 0 3px rgba(0,0,0,.1);padding:56px 30px 48px;overflow:hidden}

.v2blk .why-card::before {content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--fos-yellow);transition:height .2s ease-in-out;z-index:0}

.v2blk .why-card:hover::before {height:100%}

.v2blk .why-card .cap-ico {width:80px;height:80px;border-radius:50%;background:var(--fos-yellow);border:0;margin:0 0 26px;position:relative;z-index:1;transition:background .2s ease-in-out}

.v2blk .why-card .cap-ico svg {width:34px;height:34px;stroke:var(--ink);transition:stroke .2s ease-in-out}

.v2blk .why-card:hover .cap-ico {background:#333}

.v2blk .why-card:hover .cap-ico svg {stroke:var(--fos-yellow)}

.v2blk .why-card h3 {text-wrap:balance;position:relative;z-index:1;font-family:'Rajdhani',sans-serif;font-weight:700;font-size:20px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);line-height:1.35;margin-bottom:12px}

.v2blk .why-card p {position:relative;z-index:1;color:var(--gray);font-size:14.5px;line-height:1.75;max-width:330px;transition:color .2s ease-in-out}

.v2blk .why-card:hover p {color:#231815}

.v2blk /* 通用工具 */
.list-check li {display:flex;gap:12px;align-items:flex-start;margin-bottom:13px;color:var(--ink-2);font-size:15.5px}

.v2blk .list-check .dot {flex-shrink:0;width:20px;height:20px;border-radius:50%;background:var(--fos-yellow);display:grid;place-items:center;margin-top:3px}

.v2blk .list-check .dot svg {width:11px;height:11px;stroke:var(--ink);stroke-width:3}

@media (max-width:900px) {
.v2blk .do-grid {grid-template-columns:1fr;gap:16px}

.v2blk .do-tile {padding:46px 26px 42px}
}

@media (max-width:1080px) and (min-width:901px) {
.v2blk .do-tile {padding:44px 24px 40px}

.v2blk .do-name {font-size:16px}

.v2blk .do-desc {font-size:13.5px}
}

@media (max-width:1080px) {
.v2blk .steps {grid-template-columns:repeat(2,1fr)}

.v2blk .step {padding:44px 26px 40px}

.v2blk .step h3 {font-size:17px}
}

@media (max-width:900px) {
.v2blk .steps {grid-template-columns:1fr}

.v2blk .step {padding:46px 26px 42px}

.v2blk .step h3 {font-size:18px}
}

@media (max-width:900px) {
.v2blk .split {grid-template-columns:1fr;gap:40px}

.v2blk .split.flip .split-media {order:0}

.v2blk .band-in {padding:90px 24px}
}

@media (max-width:620px) {
.v2blk .sec {padding:72px 0}

.v2blk .cap-grid, .v2blk .steps, .v2blk .gallery3, .v2blk .why-grid {grid-template-columns:1fr}
}

@media (max-width:1080px) {
.v2blk .why-grid {grid-template-columns:repeat(2,1fr)}

.v2blk .why-card {padding:44px 26px 40px}

.v2blk .why-card h3 {font-size:17px}
}

@media (max-width:900px) {
.v2blk .why-grid {grid-template-columns:1fr}

.v2blk .why-card {padding:46px 26px 42px}

.v2blk .why-card h3 {font-size:18px}
}

/* ===== 关于页「我们能做什么」三卡：等高等宽、字体统一（2026-09-18） ===== */
.foso-svc-row > [class*="col-"] {
  display: flex;
}

.foso-svc-row .feature-box-8 {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 24px;
  padding-right: 24px;
}

.foso-svc-row .feature-box-8 > div.alt-font {
  font-family: inherit;
  font-size: 16px;
  letter-spacing: 0.5px;
  line-height: 1.5;
}

.foso-svc-row .feature-box-8 > p {
  width: 100% !important;
  max-width: 300px !important;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 1.9;
  letter-spacing: 0.3px;
}

@media (max-width: 767px) {
  .foso-svc-row .feature-box-8 {
    padding-left: 18px;
    padding-right: 18px;
  }

  .foso-svc-row .feature-box-8 > p {
    max-width: 340px !important;
    font-size: 13px;
    line-height: 1.85;
  }
}

/* ===== 客户评价三栏：等高对齐（2026-09-18） ===== */
.testi-row > [class*="col-"] {
  display: flex;
  flex-direction: column;
}

.testi-row > [class*="col-"] > .bg-white {
  width: 100%;
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.testi-row > [class*="col-"] > .feature-box-5 {
  margin-top: 32px;
}

/* ===== 公司介绍段落排版（首页 + 关于页共用，2026-09-18） ===== */
.foso-intro-p {
  letter-spacing: 0.06em;
  line-height: 2.05;
  text-align: justify;
}

@media (max-width: 767px) {
  .foso-intro-p {
    letter-spacing: 0.04em;
    line-height: 1.95;
  }
}

/* ===== 数说 FOSO：图标主题黄（保险） ===== */
#numbers-row i[class*="icon-"] {
  color: #F2CA6B;
}

/* ===== 客户 LOGO 条：匀速无缝滚动（左 → 右，2026-09-18） =====
   原为 Swiper 分步轮播（每 3 秒跳一格）；现改为 CSS 线性动画，
   内容复制一份（.foso-marquee 由 JS 添加），位移 -50% → 0 即首尾相接、
   视觉上匀速向左出的同时新 LOGO 从左侧补入，方向观感为左 → 右推进。 */
.swiper-slider-clients1 {
  overflow: hidden;
}

.swiper-slider-clients1 .swiper-wrapper.foso-marquee {
  display: flex;
  width: max-content;
  transition: none !important;
  animation: foso-logo-marquee 60s linear infinite;
  will-change: transform;
}

.swiper-slider-clients1 .swiper-wrapper.foso-marquee .swiper-slide {
  flex: 0 0 auto;
  width: 20vw;
}

@keyframes foso-logo-marquee {
  from {
    transform: translate3d(-50%, 0, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

/* 鼠标悬停暂停，方便看清单个 LOGO */
.swiper-slider-clients1:hover .swiper-wrapper.foso-marquee {
  animation-play-state: paused;
}

/* 断点沿用原轮播的可视数量：5 / 4 / 3 / 2 列 */
@media (max-width: 1199px) {
  .swiper-slider-clients1 .swiper-wrapper.foso-marquee .swiper-slide {
    width: 25vw;
  }
}

@media (max-width: 991px) {
  .swiper-slider-clients1 .swiper-wrapper.foso-marquee .swiper-slide {
    width: 33.3333vw;
  }
}

@media (max-width: 767px) {
  .swiper-slider-clients1 .swiper-wrapper.foso-marquee .swiper-slide {
    width: 50vw;
  }
}

/* 尊重系统「减少动态效果」设置 */
@media (prefers-reduced-motion: reduce) {
  .swiper-slider-clients1 .swiper-wrapper.foso-marquee {
    animation: none;
    transform: none;
  }
}

/* ===== 新闻动态页（2026-09-18） ===== */
/* FOSO 黄按钮（全局可用） */
.btn-yellow {
  background: #f2ca6b;
  color: #231815 !important;
  border: 1px solid #f2ca6b;
  font-weight: 600;
}

.btn-yellow:hover {
  background: #F2CA6B;
  border-color: #F2CA6B;
  color: #231815 !important;
  filter: brightness(1.08);
}

.fnw-hero {
  position: relative;
  height: 400px;
  overflow: hidden;
  background: #291d00;
}

.fnw-hero-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 35%;
  opacity: 0.45;
}

.fnw-hero-veil {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(30, 22, 8, 0.5), rgba(22, 16, 6, 0.85));
}

.fnw-hero-in {
  position: relative;
  z-index: 2;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 80px 20px 40px;
}

.fnw-eyebrow {
  font-family: Rajdhani, sans-serif;
  font-weight: 600;
  letter-spacing: 0.32em;
  text-transform: uppercase;
  font-size: 15px;
  color: #f2ca6b;
}

.fnw-title {
  margin: 14px 0 10px;
  font-size: 46px;
  line-height: 1.2;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.04em;
}

.fnw-sub {
  margin: 0;
  color: rgba(255, 255, 255, 0.75);
  letter-spacing: 0.06em;
}

.fnw-crumb {
  margin-top: 22px;
  font-size: 13px;
  letter-spacing: 0.08em;
  color: rgba(255, 255, 255, 0.55);
}

.fnw-crumb a {
  color: rgba(255, 255, 255, 0.75);
}

.fnw-crumb a:hover {
  color: #f2ca6b;
}

.fnw-crumb i {
  margin: 0 10px;
  font-style: normal;
  opacity: 0.5;
}

/* 年份筛选 */
.fnw-page {
  padding: 70px 0 30px;
}

.fnw-filter {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin: 0 0 50px;
}

.fnw-filter button {
  border: 1px solid #e2ddd4;
  background: #fff;
  color: #626262;
  border-radius: 999px;
  padding: 8px 22px;
  font-size: 14px;
  letter-spacing: 0.05em;
  cursor: pointer;
  transition: all 0.25s ease;
}

.fnw-filter button em {
  font-style: normal;
  font-family: Rajdhani, sans-serif;
  font-weight: 600;
  margin-left: 4px;
  opacity: 0.55;
}

.fnw-filter button:hover {
  border-color: #f2ca6b;
  color: #231815;
}

.fnw-filter button.on {
  background: #f2ca6b;
  border-color: #f2ca6b;
  color: #231815;
  font-weight: 600;
}

.fnw-filter button.on em {
  opacity: 0.8;
}

/* 最新动态：左图右文特写 */
.fnw-feature {
  display: flex;
  align-items: stretch;
  background: #fff;
  border: 1px solid #eee8de;
  margin-bottom: 60px;
  overflow: hidden;
}

.fnw-feature-img {
  position: relative;
  flex: 0 0 55%;
  display: block;
  overflow: hidden;
  min-height: 320px;
}

.fnw-feature-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease;
}

.fnw-feature:hover .fnw-feature-img img,
.fnw-card:hover .blog-post-images img {
  transform: scale(1.05);
}

.fnw-flag {
  position: absolute;
  left: 18px;
  top: 18px;
  background: #f2ca6b;
  color: #231815;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.18em;
  padding: 6px 14px;
  border-radius: 3px;
}

.fnw-feature-body {
  flex: 1 1 auto;
  padding: 40px 45px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.fnw-feature-title {
  margin: 14px 0 16px;
  font-size: 26px;
  line-height: 1.5;
  font-weight: 700;
}

.fnw-feature-title a {
  color: #232323;
}

.fnw-feature-title a:hover {
  color: #F2CA6B;
}

.fnw-feature-body > p {
  letter-spacing: 0.04em;
  line-height: 2;
}

/* 往期卡片：等高三列 */
.fnw-grid {
  margin-left: -5px;
  margin-right: -5px;
}

.fnw-grid > [class*='col-'] {
  display: flex;
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 24px;
}

.fnw-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  margin: 0;
  width: 100%;
}

.fnw-card .post-details {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
}

.fnw-card .post-title {
  line-height: 1.65;
}

.fnw-read {
  margin-top: auto;
  padding-top: 14px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.14em;
  color: #F2CA6B;
}

.fnw-read i {
  font-size: 12px;
  margin-left: 6px;
  transition: margin-left 0.25s ease;
}

.fnw-read:hover {
  color: #231815;
}

.fnw-read:hover i {
  margin-left: 10px;
}

.fnw-chip {
  position: absolute;
  right: 12px;
  bottom: 12px;
  background: rgba(35, 24, 21, 0.78);
  color: #fff;
  font-size: 12px;
  letter-spacing: 0.08em;
  padding: 4px 10px;
  border-radius: 3px;
}

.fnw-card .blog-post-images {
  position: relative;
}

.fnw-card .blog-post-images img {
  width: 100%;
  height: 205px;
  object-fit: cover;
}

.fnw-empty {
  text-align: center;
  color: #999;
  padding: 60px 0;
  letter-spacing: 0.1em;
}

/* 底部 CTA */
.fnw-cta {
  padding: 70px 0 90px;
  text-align: center;
}

.fnw-cta h3 {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 12px;
}

.fnw-cta p {
  color: #999;
  margin-bottom: 26px;
  letter-spacing: 0.05em;
}

@media (max-width: 991px) {
  .fnw-title {
    font-size: 34px;
  }

  .fnw-hero {
    height: 320px;
  }

  .fnw-feature {
    flex-direction: column;
  }

  .fnw-feature-img {
    flex: none;
    min-height: 0;
    height: 240px;
  }

  .fnw-feature-body {
    padding: 28px 24px;
  }

  .fnw-feature-title {
    font-size: 21px;
  }
}

/* ===== 联系我们页（2026-09-18） ===== */
.fc-maplinks a {
  color: #231815;
}
.fc-maplinks .fc-sep {
  margin: 0 6px;
  opacity: 0.5;
}
.fc-fairs-sub {
  margin-top: 14px;
  font-size: 14px;
  letter-spacing: 0.04em;
}
.swiper-slider-clients .blog-post-images img {
  width: 100%;
  height: 230px;
  object-fit: cover;
}
/* 展会相约：日期行统一占两行高度，保证卡片底部对齐 */
.swiper-slider-clients .post-details p.lineheights {
  min-height: 2.4em;
}
#contact .input-border-bottom {
  color: #231815;
}
#contact .input-border-bottom::placeholder {
  color: rgba(35, 24, 21, 0.55);
}
#contact select.input-border-bottom option {
  color: #231815;
  background: #fff;
}
.fc-msg {
  margin: 0 0 18px;
  padding: 10px 14px;
  background: rgba(35, 24, 21, 0.88);
  color: #fff;
  font-size: 14px;
  border-radius: 3px;
}
.fc-msg[hidden] {
  display: none;
}
.fc-msg.fc-err {
  background: #B4453C;
}
.fc-btns {
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
}
.btn.fc-wa {
  background: transparent;
  border: 1px solid #231815;
  color: #231815;
}
.btn.fc-wa:hover,
.btn.fc-wa:focus {
  background: #231815;
  color: #fff;
}

/* ============ 产品列表宽幅布局（LED Driver 试点） ============ */
.foso-wide {
  width: 94%;
  max-width: 1560px;
}
@media (min-width: 992px) {
  .foso-wide .foso-grid-col {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .foso-wide .product-card .bg-white {
    padding-left: 22px;
    padding-right: 22px;
  }
  .foso-wide .product-card .width-80 {
    width: 90%;
  }
}

/* 同行卡片等高：白盒拉伸填满栅格列，金色底线左右上下对齐（复刻老站整齐栅格） */
.foso-wide .product-card > .feature-box-8 {
  height: 100%;
}

/* ---------- 修复：hover 时标签互换导致卡片高度变化、相邻卡片抖动 ----------
   原因：老站 .feature-box-8:hover .label{display:none} + .labels{display:block}
   让卡片内容高度改变；整行卡片等高（flex stretch），行高由最高卡决定 →
   鼠标扫过时整行重排，旁边的卡片跟着抖动。
   修法：.label 保留占位（仅隐藏），.labels 脱离文档流叠在标签原位，hover 前后高度完全一致。 */
.foso-wide .product-card .feature-box-8 .label {
  display: block;
  visibility: visible;
}

.foso-wide .product-card .feature-box-8:hover .label {
  display: block;
  visibility: hidden;
}

.foso-wide .product-card .feature-box-8:hover .labels {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 6;
}

/* ============================================================
   小家电产品页 8 品类卡：静态图片 + 宽幅栅格（2026-10-11）
   ============================================================ */

/* 1) 该页栅格容器加宽：两侧留白更少，卡片更大 */
.foso-app-section .foso-wide {
  width: 99%;
  max-width: 1920px;
}

/* 该页已无筛选侧栏：卡片栅格必须占满整行（避免全局 .foso-grid-col 的 80.5% 限制） */
.foso-app-section .foso-grid-col,
.foso-app-section [class*="col-"].foso-grid-col {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

/* 收紧栅格间距：卡片更大、两侧更满 */
@media (min-width: 768px) {
  .foso-app-section .row {
    margin-left: -12px;
    margin-right: -12px;
  }
  .foso-app-section .row > [class*="col-"] {
    padding-left: 12px;
    padding-right: 12px;
  }
}


/* about「我们持续精进」段落：字距与行距放宽，避免过密 */
.text-smalls {
  letter-spacing: 0.06em;
  line-height: 2;
}


/* ============ 办事处弹层：3 个 tab 平分宽度 ============ */
.fives .li { width: 33.333%; }


/* ============================================================
   侧边菜单改版（2026-10-12）
   1) 顶级菜单文字统一 FOSO 主题黄
   2) 语言切换按钮缩小
   3) 左上角 LOGO 改用完整横版（FOSO + 竖线 + A Passion For Technology，全黄）
   4) 菜单打开时隐藏右下角 AI 客服悬浮按钮，避免与客户门户按钮重叠
   ============================================================ */
.sm-nav > li > a,
.sm-nav > li > .sm-sub-toggle {
  color: #F2CA6B;
}

.sm-nav > li > a:hover,
.sm-nav > li > .sm-sub-toggle:hover {
  color: #fff;
}

.sm-nav a.active,
.sm-has-sub > .sm-sub-toggle.active {
  color: #F2CA6B;
}

/* 语言按钮选中态也用品牌标准黄（与 LOGO、菜单文字一致） */
.sm-lang button.on {
  background: #F2CA6B;
  border-color: #F2CA6B;
}

.sm-logo {
  height: 43px;      /* 36px × 1.2，按用户要求再放大 20%（累计 26px × 1.68） */
  width: auto;
  max-width: 312px;
}

.sm-lang {
  padding: 12px 0;
}

.sm-lang button {
  padding: 6px 0;
  font-size: 11.5px;
  letter-spacing: .04em;
  border-radius: 6px;
}

body.side-menu-open #fchat-root {
  display: none;
}

/* ============================================================
   品类能力页 capabilities.html（2026-10-13）
   三大品类卡 / 四步交付 / 两大基地——对齐产品页视觉语言
   ============================================================ */
.foso-cap-card {
  display: block;
  background: #fff;
  border: 1px solid rgba(35, 24, 21, .08);
  height: 100%;
  transition: transform .25s, box-shadow .25s, border-color .2s;
}
.foso-cap-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 40px rgba(35, 24, 21, .14);
  border-color: #F2CA6B;
}
.foso-cap-img {
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #231815;
}
.foso-cap-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .45s ease;
}
.foso-cap-card:hover .foso-cap-img img { transform: scale(1.05); }
.foso-cap-body { padding: 22px 24px 24px; }
.foso-cap-name { font-size: 20px; font-weight: 600; color: #231815; }
.foso-cap-en {
  font-size: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #8E887F;
  margin-left: 10px;
  font-weight: 400;
}
.foso-cap-body p { margin: 10px 0 12px; font-size: 13.5px; line-height: 1.75; color: #6B655D; }
.foso-cap-body ul { margin: 0; padding: 0; list-style: none; }
.foso-cap-body ul li {
  position: relative;
  padding-left: 16px;
  font-size: 13px;
  line-height: 1.9;
  color: #231815;
}
.foso-cap-body ul li::before {
  content: '';
  position: absolute;
  left: 0;
  top: .72em;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #F2CA6B;
}
.foso-cap-link {
  display: inline-block;
  margin-top: 14px;
  font-size: 13px;
  font-weight: 600;
  color: #231815;
  letter-spacing: .02em;
}
.foso-cap-card:hover .foso-cap-link::after { content: ' →'; color: #F2CA6B; }

/* 四步交付（深墨底） */
.foso-step {
  padding: 26px 24px;
  height: 100%;
  border: 1px solid rgba(242, 202, 107, .28);
  background: rgba(255, 255, 255, .04);
  transition: border-color .2s, background-color .2s;
}
.foso-step:hover { border-color: #F2CA6B; background: rgba(242, 202, 107, .08); }
.foso-step-no {
  font-family: Rajdhani, 'Microsoft YaHei', sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 1;
  color: #F2CA6B;
}
.foso-step-t { color: #fff; font-size: 16px; font-weight: 600; margin: 12px 0 8px; }
.foso-step-d { color: rgba(255, 255, 255, .72); font-size: 13px; line-height: 1.75; margin: 0; }

/* 两大基地（白卡 + 黄顶线） */
.foso-base-card {
  background: #fff;
  border: 1px solid rgba(35, 24, 21, .08);
  border-top: 3px solid #F2CA6B;
  padding: 28px 30px;
  height: 100%;
}
.foso-base-name { font-size: 19px; font-weight: 600; color: #231815; }
.foso-base-d { margin: 12px 0 0; font-size: 13.5px; line-height: 1.85; color: #6B655D; }

/* ============================================================
   首页「开始一个项目」快捷询盘弹窗（2026-10-13）
   从右下角弹出：右下原点 + 上浮 + 缩放 + 淡入组合轨迹
   版式对齐设计稿：主题黄面板 / 深墨下划线输入 / 双按钮居中
   ============================================================ */
.foso-quick{position:fixed;right:22px;bottom:22px;z-index:13000;pointer-events:none}
.foso-quick-panel{
  width:460px;max-width:calc(100vw - 30px);max-height:calc(100vh - 44px);overflow-y:auto;
  background:#F2CA6B;color:#231815;border-radius:12px;position:relative;
  padding:34px 42px 30px;
  box-shadow:0 24px 70px rgba(21,16,12,.45);
  transform:translateY(46px) scale(.92);opacity:0;
  transform-origin:100% 100%;
  transition:transform .4s cubic-bezier(.18,.89,.32,1.18),opacity .3s ease;
  pointer-events:none;
}
.foso-quick.open{pointer-events:auto}
.foso-quick.open .foso-quick-panel{transform:translateY(0) scale(1);opacity:1;pointer-events:auto}
.foso-quick-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:50%;border:none;background:transparent;color:#231815;cursor:pointer;opacity:.7;transition:opacity .2s;display:flex;align-items:center;justify-content:center}
.foso-quick-close:hover{opacity:1}
.foso-quick-close svg{width:18px;height:18px}
.foso-quick-title{text-align:center;font-size:26px;font-weight:700;margin:2px 0 26px;letter-spacing:.02em}
.fqq-input{display:block;width:100%;background:transparent;border:none;border-bottom:1px solid rgba(35,24,21,.55);border-radius:0;padding:10px 2px 8px;font-size:14.5px;color:#231815;margin-bottom:22px;font-family:inherit;appearance:none;-webkit-appearance:none;outline:none;transition:border-color .2s}
.fqq-input::placeholder{color:rgba(35,24,21,.62)}
.fqq-input:focus{border-bottom-color:#231815}
.fqq-select{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23231815' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 4px center;background-size:15px;cursor:pointer;padding-right:26px}
.fqq-select option{color:#231815;background:#fff}
.fqq-textarea{resize:none;min-height:64px;line-height:1.6}
.foso-quick-btns{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:30px}
.fqq-send{background:#231815;color:#F2CA6B;border:none;border-radius:999px;padding:12px 36px;font-size:15px;font-weight:600;cursor:pointer;font-family:inherit;letter-spacing:.06em;transition:transform .2s,box-shadow .2s,opacity .2s}
.fqq-send:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(21,16,12,.35)}
.fqq-send:disabled{opacity:.65;cursor:default;transform:none}
.fqq-wa{display:inline-flex;align-items:center;justify-content:center;border:1.5px solid #231815;color:#231815;border-radius:999px;padding:11px 26px;font-size:14px;font-weight:600;letter-spacing:.05em;text-decoration:none;transition:background .2s,color .2s}
.fqq-wa:hover{background:#231815;color:#F2CA6B}
.fqq-msg{text-align:center;margin-top:18px;font-size:14px;font-weight:600}
.fqq-msg.ok{color:#231815}
.fqq-msg.err{color:#8B1D12}
@media (max-width:520px){
  .foso-quick{right:12px;bottom:12px}
  .foso-quick-panel{padding:28px 24px 24px}
  .foso-quick-title{font-size:22px}
  .foso-quick-btns{flex-wrap:wrap}
}

/* ===== 轮播箭头 hover（2026-10-12，与全站按钮同一套金色语言：金底 + 提亮 + 光晕） ===== */
.swiper-button-prev,
.swiper-button-next {
  cursor: pointer;
  transition: background-color .3s ease-in-out, box-shadow .3s ease-in-out, filter .3s ease-in-out;
}
.swiper-button-prev:not(.swiper-button-disabled):hover,
.swiper-button-next:not(.swiper-button-disabled):hover {
  background-color: #F2CA6B;
  filter: brightness(1.08);
  box-shadow: 0 10px 24px -10px rgba(242,202,107,.7);
}

/* ===== 询盘弹窗打开时隐藏 FOSO AI 悬浮球（2026-10-12，避免右下角重叠） ===== */
#fchat-root { transition: opacity .25s ease, transform .25s ease; }
body.foso-quick-open #fchat-root {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(14px);
}

/* ===== 办事处 / 分公司弹层：城市切换标签（圣彼得堡 / 新德里 / 佛山）字号加大并全部加粗（2026-10-12） ===== */
.pop .tab-box .li {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.7;
}
@media (max-width: 767px) {
  .pop .tab-box .li { font-size: 15px; }
}

/* ===== "让我们与您联系！"深底表单区块（首页 / 关于页 bg-extra-dark-gray）：输入文字与光标改白（2026-10-12） ===== */
#contact.bg-extra-dark-gray .input-border-bottom {
  color: #fff;
  caret-color: #fff;
}
#contact.bg-extra-dark-gray .input-border-bottom::placeholder {
  color: rgba(255, 255, 255, .55);
}

/* ===== 汉堡菜单推挤效果（2026-10-13）：复刻老站 cbp-spmenu-push-toleft 行为 =====
   菜单打开时主内容区（含 sticky 头部）整体左移菜单宽度，与右侧滑入的菜单严丝合缝；
   基础规则（position:relative / left:0 / overflow-x:hidden / transition .3s）由
   legacy/css/style.css 的 body.cbp-spmenu-push 提供，此处仅适配新菜单宽度 380px */
body.cbp-spmenu-push.cbp-spmenu-push-toleft {
  left: calc(-1 * min(380px, 88vw)) !important;
}
/* 推挤期间 html 底色用站点深墨色，防止极端窗口尺寸下右缘露白 */
html:has(body.cbp-spmenu-push-toleft) {
  background: #1B1310;
}

/* ===== 产品卡灰色残留块移除（2026-10-13）：老站 .label 标签位在新站为空内容，
   其 <i> 渲染成灰色小矩形（legacy style.css .label i 灰底 + padding），整块隐藏 ===== */
.product-card .label {
  display: none !important;
}

/* ===== 全站字体统一（2026-10-13）=====
   英文/数字：老站英文字体 Rajdhani（自托管，/assets/fonts，老站 body 与 .Rajdhanis 同款）
   中文：PingFang SC / 微软雅黑 统一回退（补上老站 body 缺失的中文回退，避免落到衬线默认字体）
   只统一字体类型，不动原有字号与字重 */
/* ===== 全站字体统一（2026-10-13）=====
   英文/数字：老站英文字体 Rajdhani（自托管，/assets/fonts，老站 body 与 .Rajdhanis 同款）
   中文：PingFang SC / 微软雅黑 统一回退（补上老站 body 缺失的中文回退，避免落到衬线默认字体）
   只统一字体类型，不动原有字号与字重
   【unicode-range 注意】每条 Rajdhani 面都必须显式声明拉丁范围：
   不声明 = 默认覆盖全部字符，会在字重匹配时抢走西里尔字符（即使它根本没有
   西里尔字形，也导致回退系统字体而不是落到下方 Oswald 面）。2000-206F 含
   俄语常用标点 — – ’ « » …，由 Rajdhani 自己渲染保持窄体一致 */
@font-face{font-family:'Rajdhani';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/rajdhani-500.ttf') format('truetype');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Rajdhani';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/rajdhani-500.ttf') format('truetype');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Rajdhani';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/rajdhani-600.ttf') format('truetype');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Rajdhani';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/rajdhani-700.ttf') format('truetype');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* 压制 legacy/css/font-awesome.min.css 里两条无 range 的 Rajdhani 面
   （500→woff2、900→Medium.eot 伪映射）：同 family+weight 后声明生效，
   900 重定向到真正的 Bold 文件，顺带修掉"声明 800/900 标题变细"的坑 */
@font-face{font-family:'Rajdhani';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/rajdhani-500.ttf') format('truetype');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Rajdhani';font-style:normal;font-weight:900;font-display:swap;src:url('/assets/fonts/rajdhani-700.ttf') format('truetype');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ===== 西里尔补位：Oswald（2026-10-13 用户选定）=====
   Rajdhani 没有西里尔字形，俄语版此前整站回退 PingFang SC/雅黑（中文字体的俄文字形，圆润割裂）。
   这里给同名字体族 'Rajdhani' 挂 unicode-range 面：浏览器按字符自动分工 ——
   拉丁/数字/标点 → Rajdhani（上方各面），西里尔（含 Ё/ё、№）→ Oswald 可变字体。
   【必须用逐字重精确面，不能写 font-weight:200 700 范围】实测（Chromium）：
   范围面在 400 请求的字重匹配里会输给 legacy 无 range 的精确 500 面，
   导致正文（400）回退系统字体、只有 700 命中 Oswald。拆成四条精确面后全字重稳定。
   四条面同一文件，浏览器只下载一次（172KB）。
   零选择器改动：hero、导航、正文、聊窗、门户等所有声明 'Rajdhani' 的位置一次生效。
   字体：Oswald-Variable.ttf（OFL 开源，许可证同目录 OFL-Oswald.txt） */
@font-face{font-family:'Rajdhani';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/oswald-var.ttf') format('truetype');unicode-range:U+0301,U+0400-052F,U+1C80-1C8A,U+20B4,U+2116}
@font-face{font-family:'Rajdhani';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/oswald-var.ttf') format('truetype');unicode-range:U+0301,U+0400-052F,U+1C80-1C8A,U+20B4,U+2116}
@font-face{font-family:'Rajdhani';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/oswald-var.ttf') format('truetype');unicode-range:U+0301,U+0400-052F,U+1C80-1C8A,U+20B4,U+2116}
@font-face{font-family:'Rajdhani';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/oswald-var.ttf') format('truetype');unicode-range:U+0301,U+0400-052F,U+1C80-1C8A,U+20B4,U+2116}

html, body,
button, input, select, textarea {
  font-family: 'Rajdhani', "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", Arial, Helvetica, sans-serif;
}

/* ===== 规格书待补充的禁用态图标（2026-10-13）：老站这 7 张产品卡的 icon-link 是 href=""，
   点击会新开本页本身。改为不可点、半透明，等拿到 PDF 再补 href ===== */
.icon-link.is-disabled {
  pointer-events: none;
  opacity: .35;
  cursor: default;
}

/* ===== 页脚「语言 / Language / Язык」区块 =====
   原为 href="#" 死链（点击无反应）。现三语文案静态指向各语言首页：
   中文 → /index.html ｜ English → /en/index.html ｜ Русский → /ru/index.html
   href 在 HTML 里写死，无 JS 也能跳转；foso-lang.js 只负责标记当前语言。 */
.foso-footer-lang a {
  transition: color .18s ease, opacity .18s ease;
}
.foso-footer-lang a:hover,
.foso-footer-lang a:focus-visible {
  opacity: 1;
  color: #fff;
}
.foso-footer-lang a.on {
  opacity: 1;
  color: var(--fos-yellow, #F2CA6B);
  cursor: default;
}

/* ===== 三语区块几何统一（2026-10-13 审计修复） =====
   问题：外层列被 flex 拉成等高，但内层卡片不随列拉伸，
         导致俄语版（文字更长、换行更多）卡片高度参差。
   修复思路：让内层卡片撑满列高 + 给标题行设固定预留行高。 */

/* ① 首页「产品与解决方案」六卡区
     现状：卡片高度随 .alt-font 标签行数伸缩（单行 175px / 双行更高），
           macOS 下恰好全等、Windows 或窄视口即参差。 */
#product .feature-box-8 {
  height: 100%;
}
#product .feature-box-8 .alt-font {
  min-height: 2.4em;   /* 预留两行标签（1.2 × 2），单行时下方留白补齐 */
}

/* ② 首页照明品类网格（24 卡）
     统一等高的同时保持「偏正方形」观感（165 × 190，比例 1.15）：
     品名预留三行（俄语最长品名 3 行），相应收紧上下留白补偿高度。 */
section .col-6.col-lg-2 .bg-white.border-all {
  height: 100%;
  display: flex;
  flex-direction: column;
  padding-top: 12px;     /* 原 20 */
  padding-bottom: 12px;  /* 原 20 */
}
section .col-6.col-lg-2 .bg-white.border-all .text-uppercase {
  margin-top: 12px;    /* 原 20 */
  min-height: 72px;    /* 三行 × 24px 行高，固定 px（em 基数随字号漂移）；
                          全网格单档高度，不再出现 192/214 双档 */
}

/* ④ 首页产品名称字重调细（2026-10-14）
   范围：三处品名 —— 「产品与解决方案」六卡（.feature-box-8 .alt-font）
         + 「照明产品线」24 卡 + 「小家电产品线」8 卡（.bg-white.border-all 直属品名行）
   字体族不变，只降字重 600 → 400：
   拉丁/数字仍 Rajdhani（400/500 同映射 Medium 文件，项目最细字面），
   西里尔仍 Oswald（变量字体 400 = 真实 Regular），中文回退 PingFang Regular。
   选择器带 .col-6 前缀，contact/news 的 .post-details.border-all 结构不受影响。 */
#product .feature-box-8 .alt-font {
  font-weight: 400;
}
section .col-6 .bg-white.border-all > .font-weight-600 {
  font-weight: 400;
}

/* ③ 首页新闻轮播卡
     现状：三语卡片高度差 17~69px。
     根因 1：.post-title 带有 d-block（display:block!important），
             覆盖了 -webkit-line-clamp 需要的 display:-webkit-box → 三行截断从未生效；
     根因 2：摘要 p 无行数上限，俄语摘要更长。 */
.swiper-slider-clients .post-title.d-block {
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.swiper-slider-clients .post-details p.lineheights {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  min-height: 72px;    /* 4 行 × 18px 行高，固定 px（em 基数随字号漂移） */
}