/* ============================================================
   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: #F2D07E;
  border-color: #F2D07E;
  color: #15100C;
  transform: translateY(-2px);
  box-shadow: 0 10px 24px -10px rgba(233, 196, 106, .7);
}

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

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

/* ============================================================
   v2 设计变量（上一版网站配色）
   ============================================================ */
:root {
  --fos-yellow: #E9C46A;
  --fos-yellow-deep: #D9AE4B;
  --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%);
  transition: transform .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);
}

/* 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: 700;
  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: 600;
  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 按钮样式 */
.side-menu .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-family: var(--foso-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: #F2D07E;
  transform: translateY(-2px);
  box-shadow: 0 10px 24px -10px rgba(233, 196, 106, .7);
}

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

.foso-hero .hero-kicker {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  background: rgba(233, 196, 106, .14);
  border: 1px solid rgba(233, 196, 106, .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);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -.025em;
  margin: 28px 0 22px;
  max-width: 820px;
}

.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(--foso-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: #F2D07E;
  transform: translateY(-2px);
  box-shadow: 0 10px 24px -10px rgba(233, 196, 106, .7);
}

.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;
  }
}

/* ============ 首页「小家电产品线」：与照明产品线同一徽章体系，仅换图标 ============ */
.mm-bg .mm-icon.foso-app {
  display: block;
  width: 50px;
  height: 50px;
}

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

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

@media (max-width: 767px) {

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

/* ============ 新闻中心：卡片图片统一比例（与老站视觉一致） ============ */
.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;
}

/* 顶部首图：新闻自己的照片，压暗渐变，不再是无关的云图 */
.newsbox .foso-news-hero {
  height: 300px;
  background-size: cover;
  background-position: center 30%;
  position: relative;
}

.newsbox .foso-news-hero::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.45) 100%);
}

/* 关闭按钮：白色圆钮，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;
}

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

#newscontent .foso-cols-2,
#newscontent .foso-cols-3 {
  grid-template-columns: 1fr 1fr;
}

#newscontent .foso-cols-2 figure,
#newscontent .foso-cols-3 figure {
  height: 215px;
}

/* 3 图：首张通栏作主图，其余两张并排 */
#newscontent .foso-cols-3 figure:first-child {
  grid-column: 1 / -1;
  height: 260px;
}

@media (max-width: 767px) {
  .newsbox .foso-news-hero {
    height: 200px;
  }

  .newsbox .post-details {
    max-width: 100%;
  }

  #newscontent .foso-cols-2 figure,
  #newscontent .foso-cols-3 figure {
    height: 140px;
  }

  #newscontent .foso-cols-3 figure:first-child {
    height: 180px;
  }
}

/* ---------- 侧边菜单：产品二级菜单（含号点与展开动画） ---------- */
.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: 600;
  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: 500;
  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);
}

/* ---------- 小家电品类卡片（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:#E9C46A;
  --fos-yellow-deep:#D9AE4B;
  --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:-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Roboto,Arial,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:var(--bg-ink)}

.v2blk .band-bg {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5}

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

.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:right;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 0 0 auto}

.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: #e9b84a;
  border-color: #e9b84a;
  color: #231815 !important;
}

.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: #b98c2f;
}

.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: #b98c2f;
}

.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;
}
#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-filter-col {
    -ms-flex: 0 0 19.5%;
    flex: 0 0 19.5%;
    max-width: 19.5%;
  }
  .foso-wide .foso-grid-col {
    -ms-flex: 0 0 80.5%;
    flex: 0 0 80.5%;
    max-width: 80.5%;
  }
  .foso-wide .product-card .bg-white {
    padding-left: 22px;
    padding-right: 22px;
  }
  .foso-wide .product-card .width-80 {
    width: 90%;
  }
}