.ms-footer-blue{
    background: #003DA5;
    color: #fff;
  }

  /* 顶部科技线更亮一点 */
  .ms-footer-blue__topline{
    height: 3px;
    width: 100%;
    background: linear-gradient(90deg,
      rgba(255,255,255,.95) 0%,
      rgba(255,255,255,.35) 22%,
      rgba(248,81,86,.55) 45%,
      rgba(255,255,255,.18) 70%,
      rgba(0,0,0,0) 100%);
  }

  /* 底部条 */
  .ms-footer-blue__bottom{
    border-top: 1px solid rgba(255,255,255,.14);
    background: rgba(0,0,0,.10);
  }

  /* Logo box */
  .msfb-logo{
    width: 40px; height: 40px;
    border-radius: 12px;
    background: rgba(255,255,255,.10);
    border: 1px solid rgba(255,255,255,.22);
    display:flex; align-items:center; justify-content:center;
    box-shadow: 0 10px 24px rgba(0,0,0,.18);
  }
  .msfb-logo__m{
    font-weight: 800;
    letter-spacing: .08em;
    color: #fff;
  }

  /* icons */
  .msfb-ico{
    width: 32px; height: 32px;
    border-radius: 10px;
    background: rgba(255,255,255,.10);
    border: 1px solid rgba(255,255,255,.18);
    display:flex; align-items:center; justify-content:center;
    color: rgba(255,255,255,.92);
  }

  /* links */
  .msfb-link{
    color: rgba(255,255,255,.82);
    text-decoration: none;
    transition: color .18s ease, transform .18s ease;
  }
  .msfb-link:hover{
    color: rgba(255,255,255,.98);
    transform: translateX(2px);
  }

  /* dot link style */
  .msfb-link--dot{
    display: inline-flex;
    align-items: center;
    gap: .5rem;
  }
  .msfb-link--dot::before{
    content:"";
    width: 6px; height: 6px;
    border-radius: 999px;
    background: rgba(255,255,255,.30);
    box-shadow: 0 0 0 3px rgba(255,255,255,.10);
    transition: background .18s ease, box-shadow .18s ease;
  }
  .msfb-link--dot:hover::before{
    background: rgba(248,81,86,.95); /* 适当红色点缀 */
    box-shadow: 0 0 0 3px rgba(248,81,86,.18);
  }

  /* section title */
  .msfb-coltitle{
    display:flex;
    align-items:center;
    gap: 10px;
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: rgba(255,255,255,.90);
  }
  .msfb-dot{
    width: 8px; height: 8px;
    border-radius: 999px;
    background: rgba(255,255,255,.75);
    box-shadow: 0 0 0 4px rgba(255,255,255,.12);
  }

  /* chips */
  .msfb-chip{
    display:inline-flex;
    align-items:center;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .02em;
    color: rgba(255,255,255,.88);
    border: 1px solid rgba(255,255,255,.18);
    background: rgba(255,255,255,.08);
  }
  .msfb-chip--red{
    border-color: rgba(248,81,86,.35);
    background: rgba(248,81,86,.14);
  }

  /* newsletter card (glass) */
  .msfb-card{
    border-radius: 16px;
    border: 1px solid rgba(255,255,255,.18);
    background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.05));
    box-shadow: 0 18px 40px rgba(0,0,0,.20);
    padding: 16px;
  }

  /* spark */
  .msfb-spark{
    width: 40px; height: 40px;
    border-radius: 14px;
    background: rgba(255,255,255,.10);
    border: 1px solid rgba(255,255,255,.18);
    display:flex; align-items:center; justify-content:center;
    color: rgba(255,255,255,.92);
  }

  /* accent dot */
  .msfb-accent-dot{
    display:inline-block;
    width: 8px; height: 8px;
    margin-left: 6px;
    border-radius: 999px;
    background: #F85156;
    box-shadow: 0 0 0 4px rgba(248,81,86,.18);
    transform: translateY(-1px);
  }

  /* input */
  .msfb-input{
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,.20);
    background: rgba(255,255,255,.10);
    color: rgba(255,255,255,.95);
    padding: 11px 12px;
    font-size: 14px;
    outline: none;
  }
  .msfb-input::placeholder{
    color: rgba(255,255,255,.60);
  }
  .msfb-input:focus{
    border-color: rgba(255,255,255,.45);
    box-shadow: 0 0 0 4px rgba(255,255,255,.12);
  }

  /* button */
  .msfb-btn{
    border: 1px solid rgba(248,81,86,.30);
    border-radius: 12px;
    padding: 0 16px;
    font-size: 14px;
    font-weight: 800;
    color: #fff;
    background: rgba(255,255,255,.14);
    transition: transform .16s ease, background .16s ease, box-shadow .16s ease;
    cursor: pointer;
    white-space: nowrap;
  }
  .msfb-btn:hover{
    background: rgba(248,81,86,.22); /* hover 时更红一点 */
    transform: translateY(-1px);
    box-shadow: 0 14px 26px rgba(0,0,0,.18);
  }
  .msfb-btn:active{ transform: translateY(0); }

/* ===== Force Bagisto accordion panel to footer blue ===== */
.msfb-acc,
.msfb-acc * {
  /* 先把内部任何白底干掉 */
  background-color: transparent !important;
}

/* 组件内部通常会有一层“内容面板”容器，直接给它蓝色玻璃底 */
.msfb-acc > * ,                 /* 第一层 */
.msfb-acc [class*="content"],   /* 常见：accordion-content */
.msfb-acc [class*="panel"],     /* 有些主题叫 panel */
.msfb-acc [role="region"] {     /* 有些实现会用 region */
  background: rgba(255,255,255,.06) !important; /* 蓝底上的玻璃层 */
}

/* 边框也改成白色半透明，避免白块边缘 */
.msfb-acc,
.msfb-acc > *,
.msfb-acc [class*="content"],
.msfb-acc [class*="panel"],
.msfb-acc [role="region"] {
  border-color: rgba(255,255,255,.15) !important;
}

/* 链接颜色（如果你用的是 msfb-link） */
.msfb-acc .msfb-link{
  color: rgba(255,255,255,.86) !important;
}
.msfb-acc .msfb-link:hover{
  color: rgba(255,255,255,.98) !important;
}

/* 箭头/图标统一成白色（避免深色） */
.msfb-acc svg{
  color: rgba(255,255,255,.92) !important;
  fill: currentColor;
  stroke: currentColor;
}
.msfb-logo__m{
    display:flex;
    align-items:center;
    justify-content:center;
}

.msfb-logo__img{
    width: 22px;        /* 控制 logo 大小 */
    height: auto;
    max-height: 22px;
    object-fit: contain;
    display: block;
}

/* ====== About Us Hero (pure CSS effects) ====== */
.ms-about-hero{
  --blue:#003DA5;
  --ink:#071023;
  --glass: rgba(8,18,40,.42);
  --line: rgba(120,190,255,.28);
  --glow: rgba(90,170,255,.55);
  --text: rgba(255,255,255,.92);
  --muted: rgba(255,255,255,.78);

  position: relative;
  width: 100%;
  min-height: 720px;
  overflow: hidden;
  border-radius: 0px;

  /* 关键部分 */
  background:
    linear-gradient(180deg, rgba(0,0,0,.55), rgba(0,0,0,.35)),
    url('/storage/tinymce/n9p06ecLDGn57M82VdeDVNNfPzVInjcRjn58TWfV.png') center/cover no-repeat;
}


/* 右上暗角 + 整体工业蓝氛围 */
.ms-about-hero::before{
  content:"";
  position:absolute; inset:0;
  background:
    radial-gradient(90% 90% at 0% 0%, rgba(0,61,165,.55) 0%, rgba(0,61,165,0) 55%),
    radial-gradient(80% 80% at 100% 0%, rgba(0,0,0,.55) 0%, rgba(0,0,0,0) 60%),
    linear-gradient(90deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,.15) 55%, rgba(0,0,0,.05) 100%);
  pointer-events:none;
}

/* 底部点阵 + 发光弧线 */
.ms-about-hero::after{
  content:"";
  position:absolute; inset:0;
  pointer-events:none;
  background:
    /* 发光弧线 */
    radial-gradient(120% 60% at 50% 100%, rgba(0,140,255,.35) 0%, rgba(0,140,255,0) 60%),
    linear-gradient(180deg, rgba(0,0,0,0) 55%, rgba(0,0,0,.35) 100%);
  mix-blend-mode: screen;
  opacity: .9;
}

/* 内容容器 */
.ms-about-hero__inner{
  position: relative;
  z-index: 2;
  height: 100%;
  padding: clamp(18px, 2.6vw, 38px);
  display: grid;
  grid-template-rows: 1fr auto auto;
  gap: clamp(14px, 2vw, 22px);
}

/* 左侧雾面玻璃文案块 */
.ms-about-hero__copy{
  max-width: 640px;
  padding: 0;                 /* 去掉面板内边距 */
  border-radius: 0;
  background: transparent;    /* ✅ 去掉背景框 */
  border: 0;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}


.ms-about-hero__h1{
  margin: 0 0 10px;
  font-weight: 800;
  letter-spacing: .08em;
  color: var(--text);
  font-size: clamp(34px, 4.4vw, 56px);
}

.ms-about-hero__kicker{
  margin: 0 0 12px;
  font-weight: 650;
  color: #ffffff;
  font-size: clamp(14px, 2.3vw, 28px);
  position: relative;
  padding-bottom: 10px;
}

.ms-about-hero__kicker::after{
  content:"";
  display:block;
  width: 320px;              /* 亮线长度 */
  height: 3px;
  margin-top: 10px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(0,140,255,.0), rgba(120,200,255,.95), rgba(0,140,255,.0));
  box-shadow: 0 0 18px rgba(90,170,255,.35);
}


.ms-about-hero__p{
  margin: 0;
  color: var(--muted);
  line-height: 1.65;
  font-size: clamp(14px, 1.35vw, 22px);
}

/* 统计卡片区域 */
.ms-about-hero__stats{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr)); /* ✅ 4 个 */
  gap: clamp(10px, 1.2vw, 14px);

  margin-top: clamp(34px, 3.8vw, 56px); /* ✅ 整体往下，给 About Us 腾空间 */
  align-items: stretch;
}
.ms-stat{
  border-radius: 14px;                 /* 小一点 */
  padding: clamp(12px, 1.3vw, 14px);   /* 小一点 */
  min-height: 108px;                   /* ✅ 整体矮一些（你可 96~120 调） */

  background: linear-gradient(180deg, rgba(10,18,40,.52), rgba(10,18,40,.22));
  border: 1px solid rgba(140,210,255,.20);
  box-shadow: 0 14px 40px rgba(0,0,0,.34);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  overflow: hidden;
}

.ms-stat__num{
  font-size: clamp(22px, 1.1vw, 38px); /* ✅ 比之前小 */
  font-weight: 550;
  letter-spacing: .02em;
  color: rgba(255,255,255,.95);
}

.ms-stat__label{
  margin-top: 6px;
  color: rgba(190,230,255,.9);
  font-size: 14px;                     /* ✅ 小一点 */
  letter-spacing: .05em;
}


/* 卡片发光描边 */
.ms-stat::before{
  content:"";
  position:absolute; inset:-1px;
  border-radius: inherit;
  background:
    linear-gradient(90deg, transparent, rgba(120,200,255,.32), transparent);
  opacity: .55;
  filter: blur(0.3px);
  pointer-events:none;
}

/* hover 提亮 */
.ms-stat:hover{
  border-color: rgba(140,210,255,.45);
  box-shadow: 0 22px 70px rgba(0,0,0,.45);
}
 

/* 中间主卡更亮一点（类似你图里 500+ 蓝色更突出） */
.ms-stat--active{
  background: linear-gradient(180deg, rgba(0,61,165,.55), rgba(10,18,40,.25));
  border-color: rgba(130,210,255,.55);
}

/* footer 标语 */
.ms-about-hero__footer{
  margin-top: 8px;
  justify-self: start;
  color: rgba(210,240,255,.82);
  letter-spacing: .04em;
  font-size: 13px;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(8,18,40,.35);
  border: 1px solid rgba(140,210,255,.18);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

/* 响应式：小屏变竖排 */
@media (max-width: 860px){
  .ms-about-hero{ min-height: 640px; }
  .ms-about-hero__stats{ grid-template-columns: 1fr; }
  .ms-about-hero__copy{ max-width: 100%; }
}
@media (max-width: 980px){
  .ms-about-hero__stats{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px){
  .ms-about-hero__stats{ grid-template-columns: 1fr; }
}


/* vmp 页面 */
.ms-mix{
  margin: 0;
  padding: 0;
}

/* ===== Desktop layout ===== */
.ms-mix__grid{
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  grid-template-areas:
    "imgA topText"
    "leftText imgB";
  gap: 26px;
  align-items: start;
}

/* Areas */
.ms-mix__img--a{ grid-area: imgA; }
.ms-mix__stack--top{ grid-area: topText; }
.ms-mix__card--c{
  grid-area: leftText;
  line-height: 1.5;   /* 行距 1.5 倍 */
}
.ms-mix__img--b{ grid-area: imgB; }

/* Images */
.ms-mix__img{
  margin: 0;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 10px 24px rgba(0,0,0,0.18);
}
.ms-mix__img img{
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

/* Right-top stacked cards */
.ms-mix__stack{
  display: grid;
  gap: 16px;
}

/* Cards */
.ms-mix__card{
  background: #fff;
  border-radius: 8px;
  padding: 14px 16px;
  box-shadow: 0 8px 18px rgba(10, 45, 202, 0.18);
}

.ms-mix__kicker{
  font-weight: 800;
  font-size: 13px;
  letter-spacing: 0.06em;
  margin: 0 0 6px;
}

.ms-mix__title{
  font-weight: 900;
  font-size: 16px;
  margin: 0 0 8px;
}

.ms-mix__p{
  margin: 0;
  font-size: 14px;
  line-height: 1.65;
  opacity: 0.92;
}

.ms-mix__list{
  margin: 10px 0 0;
  padding-left: 18px;
}
.ms-mix__list li{
  margin: 0 0 6px;
  font-size: 14px;
  line-height: 1.55;
}

/* Make the bottom-right image feel smaller (like screenshot) */
.ms-mix__img--b{
  max-width: 520px;     /* 可调：控制右下图宽度 */
  justify-self: end;    /* 贴右 */
}

/* ===== Responsive ===== */
@media (max-width: 980px){
  .ms-mix__grid{
    grid-template-columns: 1fr;
    grid-template-areas:
      "imgA"
      "topText"
      "imgB"
      "leftText";
    gap: 16px;
  }

  .ms-mix__img--b{
    max-width: 100%;
    justify-self: stretch;
  }
}
.ms-quote-cta{
  background: #ffffff;
  border-radius: 10px;
  padding: 22px 24px;
  box-shadow: 0 10px 24px rgba(0,0,0,0.15);
  display: flex;
  flex-direction: column;
  gap: 14px;
  max-width: 100%;
}

.ms-quote-cta__kicker{
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  opacity: 0.7;
}

.ms-quote-cta__title{
  font-size: 18px;
  font-weight: 900;
  margin-top: 4px;
}

.ms-quote-cta__sub{
  font-size: 14px;
  line-height: 1.6;
  opacity: 0.9;
}

.ms-quote-cta__btn{
  display: inline-block;
  margin-top: 8px;
  background: #003DA5; /* 你的主色 */
  color: #ffffff;
  padding: 10px 18px;
  border-radius: 6px;
  font-weight: 700;
  text-decoration: none;
  transition: all 0.25s ease;
  width: fit-content;
}

.ms-quote-cta__btn:hover{
  background: #002d7a;
  transform: translateY(-2px);
}
/* =========================
   MetriFlow LDS (PureCursor-like)
   ========================= */

.ms-lds{
  --ms-blue: #003DA5;
  --ms-red: #E60023;
  --ms-text: #111827;
  --ms-muted: #4B5563;
  --ms-line: rgba(17,24,39,.12);
  --ms-soft: rgba(17,24,39,.06);

  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Noto Sans", "Helvetica Neue", sans-serif;
  color: var(--ms-text);
  line-height: 1.65;
}

/* Layout widths */
.ms-lds__hero,
.ms-lds__section{
  max-width: 1200px;
  margin: 0 auto;
  padding: 26px 22px;
}

.ms-lds__hero{
  padding-top: 18px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--ms-line);
}

/* HERO grid */
.ms-lds__heroGrid{
  display: grid;
  grid-template-columns: 360px 1fr;
  gap: 34px;
  align-items: start;
}

.ms-lds__heroMedia{
  margin: 0;
  border: 1px solid var(--ms-line);
  border-radius: 14px;
  overflow: hidden;
  background: #fff;
}

.ms-lds__heroImg{
  display: block;
  width: 100%;
  height: auto;
}

.ms-lds__kicker{
  font-size: 12px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--ms-muted);
  margin-bottom: 10px;
}

.ms-lds__title{
  margin: 0;
  font-size: clamp(26px, 2.2vw, 40px);
  letter-spacing: .01em;
  font-weight: 800;
}

.ms-lds__lead{
  margin: 14px 0 18px;
  color: var(--ms-muted);
  font-size: 15px;
  max-width: 68ch;
}

.ms-lds__ctaRow{
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}

.ms-lds__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: var(--ms-blue);
  color: #fff;
  text-decoration: none;
  font-weight: 800;
  border-radius: 10px;
  padding: 12px 18px;
  box-shadow: 0 10px 18px rgba(144, 136, 212, 0.18);
  transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
}
.ms-lds__btn:hover{
  transform: translateY(-1px);
  box-shadow: 0 16px 26px rgba(95, 52, 173, 0.22);
  filter: brightness(1.02);
}

.ms-lds__meta{
  font-size: 13px;
  color: var(--ms-muted);
  padding: 10px 0;
}

.ms-lds__note{
  padding-top: 14px;
  border-top: 1px dashed var(--ms-line);
  color: var(--ms-muted);
  font-size: 13px;
}

/* Section headings (PureCursor-like underline) */
.ms-lds__h2{
  margin: 0 0 14px;
  font-size: 20px;
  font-weight: 800;
  letter-spacing: .01em;
  position: relative;
  padding-bottom: 12px;
}
.ms-lds__h2::after{
  content: "";
  display: block;
  width: 22px;
  height: 3px;
  background: var(--ms-red);
  border-radius: 99px;
  margin-top: 10px;
}

.ms-lds__h3{
  margin: 0 0 8px;
  font-size: 15px;
  font-weight: 800;
}

.ms-lds__p{
  margin: 0;
  color: var(--ms-muted);
  font-size: 14px;
}

/* Two-column Features row */
.ms-lds__twoColHead{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 88px;
  margin-bottom: 10px;
}

.ms-lds__colTitle{
  font-size: 18px;
  font-weight: 800;
  padding-bottom: 10px;
  position: relative;
  color: var(--ms-text);
}
.ms-lds__colTitle::after{
  content: "";
  display: block;
  width: 20px;
  height: 3px;
  background: var(--ms-red);
  border-radius: 99px;
  margin-top: 10px;
}

.ms-lds__twoCol{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 88px;
  align-items: start;
}

/* Check list (red check like PureCursor) */
.ms-lds__checkList{
  list-style: none;
  padding: 0;
  margin: 0;
}

.ms-lds__checkList li{
  position: relative;
  padding-left: 26px;
  margin: 10px 0;
  color: var(--ms-muted);
  font-size: 14px;
}

.ms-lds__checkList li::before{
  content: "✓";
  position: absolute;
  left: 0;
  top: 2px;
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  font-size: 12px;
  color: #fff;
  background: var(--ms-red);
  border-radius: 4px;
}

.ms-lds__checkList--compact li{
  margin: 9px 0;
}

/* Cards grid */
.ms-lds__grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.ms-lds__grid--3{
  grid-template-columns: 1fr 1fr 1fr;
}

.ms-lds__grid--2{
  grid-template-columns: 1fr 1fr;
}

.ms-lds__card{
  border: 1px solid var(--ms-line);
  border-radius: 14px;
  background: #fff;
  padding: 16px 16px;
  box-shadow: 0 8px 20px rgba(17,24,39,.05);
}

.ms-lds__card--accent{
  border-color: rgba(0,61,165,.28);
  box-shadow: 0 10px 26px rgba(0,61,165,.10);
}

.ms-lds__bullet{
  margin: 0;
  padding-left: 18px;
  color: var(--ms-muted);
  font-size: 14px;
}
.ms-lds__bullet li{
  margin: 8px 0;
}

/* Image card */
.ms-lds__imgCard{
  padding: 12px;
}

.ms-lds__img{
  width: auto;
  height: 50%;
}
.ms-lds__cap{
  margin-top: 10px;
  font-size: 12px;
  color: var(--ms-muted);
}

/* Specs table (clean, not heavy) */
.ms-lds__table{
  border: 1px solid var(--ms-line);
  border-radius: 14px;
  overflow: hidden;
  background: #fff;
}
.ms-lds__tr{
  display: grid;
  grid-template-columns: 220px 1fr;
  border-top: 1px solid var(--ms-soft);
}
.ms-lds__tr:first-child{ border-top: 0; }
.ms-lds__th{
  padding: 12px 14px;
  background: rgba(17,24,39,.03);
  font-weight: 800;
  font-size: 13px;
}
.ms-lds__td{
  padding: 12px 14px;
  color: var(--ms-muted);
  font-size: 13px;
}

/* Checklist callout */
.ms-lds__callout{
  border-color: rgba(230,0,35,.22);
  background: linear-gradient(180deg, rgba(230,0,35,.06), rgba(230,0,35,.02));
}

/* Chips */
.ms-lds__chips{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.ms-lds__chip{
  display: inline-flex;
  align-items: center;
  padding: 10px 12px;
  border-radius: 999px;
  border: 1px solid var(--ms-line);
  background: #fff;
  font-size: 13px;
  color: var(--ms-muted);
}

/* Last section spacing */
.ms-lds__section--last{
  padding-bottom: 34px;
}

/* Responsive */
@media (max-width: 980px){
  .ms-lds__heroGrid{
    grid-template-columns: 1fr;
  }
  .ms-lds__twoColHead,
  .ms-lds__twoCol,
  .ms-lds__grid,
  .ms-lds__grid--3,
  .ms-lds__grid--2{
    grid-template-columns: 1fr;
  }
  .ms-lds__tr{
    grid-template-columns: 1fr;
  }
  .ms-lds__th{
    border-bottom: 1px solid var(--ms-soft);
  }
}
.ms-lds_img_large{
  padding-top: 0;
  width: 100%;
  margin: 40px 0;      /* 上下间距 */
}

.ms-lds__img--large{
  padding-top: 0;
  align-items: center;
  width: 100%;
  height: auto;
}
/* ===== Onsite Training split layout ===== */
.ms-train{
  --gap: clamp(18px, 2.2vw, 36px);
  --radius: 14px;
  --ink: #111827;
  --muted: #4b5563;
  --line: rgba(17,24,39,.12);
  --blue: #003DA5;

  width: 100%;
  padding: clamp(18px, 2.8vw, 34px) 0;
}

.ms-train__grid{
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: var(--gap);
  align-items: stretch;
}

/* Left */
.ms-train__left{
  min-width: 0;
  color: var(--ink);
}

.ms-train__h2{
  margin: 0 0 12px;
  font-weight: 800;
  letter-spacing: -0.02em;
  font-size: clamp(22px, 2.2vw, 32px);
}

.ms-train__lead{
  margin: 0 0 14px;
  color: var(--muted);
  line-height: 1.65;
  font-size: 16px;
}

/* bullets */
.ms-train__bullets{
  margin: 0 0 18px;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 10px;
}
.ms-train__bullets li{
  position: relative;
  padding-left: 18px;
  color: var(--ink);
  line-height: 1.6;
}
.ms-train__bullets li::before{
  content: "•";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--ink);
  opacity: .9;
}

/* gain block */
.ms-train__gain{
  margin-top: 10px;
  padding-top: 14px;
  border-top: 1px solid var(--line);
}

.ms-train__h3{
  margin: 0 0 10px;
  font-weight: 800;
  font-size: clamp(18px, 1.6vw, 22px);
}

.ms-train__checks{
  padding: 0;
  margin: 0;
}

.ms-train__checks li{
  position: relative;
  padding-left: 32px;
  line-height: 1.6;
}

.ms-train__checks li::before{
  content: "✓";
  position: absolute;
  left: 0;
  top: 4px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: linear-gradient(135deg,#003DA5,#0055E0);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 10px rgba(0,0,0,.15);
}



/* CTA */
.ms-train__cta{
  margin-top: 18px;
}

.ms-train__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 18px;
  background: var(--blue);
  color: #fff !important;
  border-radius: 10px;
  font-weight: 700;
  text-decoration: none;
  letter-spacing: .01em;
  box-shadow: 0 10px 24px rgba(0,0,0,.12);
  transition: transform .15s ease, filter .15s ease, box-shadow .15s ease;
}
.ms-train__btn:hover{
  transform: translateY(-1px);
  filter: brightness(1.05);
  box-shadow: 0 14px 30px rgba(0,0,0,.16);
}

/* Right image */
.ms-train__right{
  min-width: 0;
}

.ms-train__figure{
  height: 100%;
  margin: 0;
  border-radius: var(--radius);
  overflow: hidden;
  background: #f3f4f6;
  border: 1px solid var(--line);
  box-shadow: 0 18px 40px rgba(0,0,0,.12);
}

.ms-train__img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  aspect-ratio: 4 / 3; /* 保持图像块好看；需要更“竖”可改 3/4 */
}

/* Responsive */
@media (max-width: 980px){
  .ms-train__grid{
    grid-template-columns: 1fr;
  }
  .ms-train__figure{
    max-height: 520px;
  }
}




/* =====================================================
   Orbital Welding Services – Clean CSS (Used Only)
===================================================== */

:root{
  --ink:#0b1220;
  --muted:#5a6578;
  --line:rgba(15,23,42,.12);
  --card:#ffffff;
  --bg:rgba(15,23,42,.04);
}

/* ================= Main Section ================= */

.ms-weldGallery{
  width:100%;
  max-width:1200px;
  margin:0 auto;
  padding:20px 0;
  color:var(--ink);
}

/* ================= Top Grid ================= */

.ms-weldLayout__top{
  display:grid;
  grid-template-columns:1.1fr 1fr;
  gap:22px;
  align-items:start;
  padding:18px;
  background:var(--card);
  border-radius:14px;
  margin-top:20px;
}
/* ===== Welding Intro Block ===== */

.ms-weldIntro{
  max-width: 820px;                 /* 控制文本宽度 */
  margin: 0 auto 24px auto;         /* 居中 + 下间距 */
  padding: 0 10px;

  font-size: 15px;
  line-height: 1.7;
  color: #0b1220;

  font-weight: 500;
  letter-spacing: 0.01em;
}

.ms-weldLayout__block{
  margin-top:14px;
}

.ms-weldLayout__hero{
  display:flex;
}

.ms-weldLayout__img{
  width:100%;
  height:auto;
  display:block;
  border-radius:12px;
}

.ms-weldLayout__img--hero{
  min-height:260px;
  object-fit:cover;
  border:1px solid var(--line);
}

/* ================= Gallery ================= */

.ms-weldGallery--tinymce{
  margin-top:24px;
  padding:20px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:14px;
}

.ms-weldGallery__track{
  display:flex;
  gap:0px;
  overflow-x:auto;
  padding:14px 2px 8px;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
}

.ms-weldGallery__item{
  flex:0 0 auto;
  height:180px;
  padding:10px;
  border-radius:12px;
  background:#f8f9fb;
  display:flex;
  align-items:center;
  justify-content:center;
  scroll-snap-align:start;
  transition:transform .2s ease, box-shadow .2s ease;
}

.ms-weldGallery__item:hover{
  transform:translateY(-3px);
  box-shadow:0 10px 22px rgba(0,0,0,.08);
  border:1px solid var(--line);
}

.ms-weldGallery__item img{
  height:100%;
  width:auto;
  object-fit:contain;
  display:block;
}

/* ================= Bottom Grid ================= */

.ms-weldLayout__bottom{
  margin-top:24px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:22px;
}

.ms-weldLayout__card{
  background:var(--card);
  border-radius:14px;
  overflow:hidden;
}

.ms-weldLayout__card--image{
  padding:14px;
}

.ms-weldLayout__img--panel{
  width:90%;
  border-radius:12px;
  object-fit:cover;
  border:1px solid var(--line);
}

.ms-weldLayout__pad{
  padding:16px;
}

.ms-weldLayout__p{
  font-size:13px;
  line-height:1.6;
  color:var(--muted);
}

/* ================= Steps ================= */

.ms-weldLayout__steps{
  margin-top:12px;
  padding:12px;
  border:1px dashed rgba(15,23,42,.18);
  border-radius:1px;
  background:var(--bg);
}

.ms-weldLayout__step{
  padding:10px 0;
  border-bottom:1px solid rgba(15,23,42,.10);
}

.ms-weldLayout__step:last-child{
  border-bottom:none;
}

.ms-weldLayout__stepTitle{
  font-size:13px;
  font-weight:700;
  margin:0 0 6px;
}

/* ================= Contact ================= */

.ms-weldLayout__contact{
  margin-top:16px;
}

.ms-weldLayout__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 16px;
  border-radius:999px;
  border:1px solid rgba(0,61,165,.25);
  background:rgba(0,61,165,.10);
  color:#003DA5;
  font-weight:700;
  text-decoration:none;
  transition:all .2s ease;
}

.ms-weldLayout__btn:hover{
  background:rgba(0,61,165,.16);
}

/* =========================
   Bagisto Global Reset Shield
   Scope: Welding Section
   ========================= */

.ms-weldGallery h1,
.ms-weldGallery h2,
.ms-weldGallery h3,
.ms-weldGallery h4,
.ms-weldGallery p,
.ms-weldGallery ul,
.ms-weldGallery li{
  all: unset;              /* 🔥 清除所有继承与默认样式 */
  display: revert;         /* 恢复正确的 display 行为 */
}

/* 重新定义你需要的样式 */
.ms-weldGallery h2{
  font-size: 18px;
  font-weight: 900;
  margin-bottom: 10px;
}

.ms-weldGallery h3{
  font-size: 14px;
  font-weight: 900;
  margin-bottom: 8px;
}

.ms-weldGallery p{
  font-size: 13px;
  line-height: 1.65;
  color: #5a6578;
}

/* 去掉默认圆点 */
.ms-weldGallery ul{
  list-style: none;
  padding-left: 0;
  margin: 0;
}

/* li 基础 */
.ms-weldGallery li{
  margin: 6px 0;
  padding-left: 26px;   /* 给方框留位置 */
  position: relative;
  line-height: 1.5;
}

/* 蓝色方框 */
.ms-weldGallery li::before{
  font-weight: 800;
  font-size: 16px;
  line-height: 1;
  content: "✓";
  position: absolute;
  left: 0;
  top: 0.em;
  width: 16px;
  height: 16px;
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.62);
  border: 1px solid #000000;
}
/* =========================
   Lightbox
   ========================= */

.ms-lightbox{
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.85);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.ms-lightbox.active{
  display: flex;
}

.ms-lightbox__img{
  max-width: 90%;
  max-height: 85%;
  object-fit: contain;
}

.ms-lightbox__close{
  position: absolute;
  top: 20px;
  right: 30px;
  font-size: 34px;
  background: none;
  border: none;
  color: #fff;
  cursor: pointer;
}

.ms-lightbox__nav{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 40px;
  background: none;
  border: none;
  color: #fff;
  cursor: pointer;
  padding: 10px 20px;
}

.ms-lightbox__nav--prev{
  left: 20px;
}

.ms-lightbox__nav--next{
  right: 20px;
}
/* ================= Responsive ================= */

@media (max-width:980px){
  .ms-weldLayout__top{
    grid-template-columns:1fr;
  }
  .ms-weldLayout__bottom{
    grid-template-columns:1fr;
  }
}

/* =========================
   Free Project Consultation
   ========================= */

/* =========================
   Reset for ms-consult
   防止 Bagisto / TinyMCE 全局干扰
   ========================= */

.ms-consult h1,
.ms-consult h2,
.ms-consult h3,
.ms-consult h4,
.ms-consult h5,
.ms-consult h6,
.ms-consult ul,
.ms-consult ol,
.ms-consult li{

  all: unset;       /* 🔥 清除所有继承与默认样式 */
  display: revert;  /* 恢复元素默认 display */
  box-sizing: border-box;
}
.ms-consult{
  --blue: #003DA5; /* Metriflow blue */
  --text: #0f172a;
  --muted: #475569;
  --line: rgba(15,23,42,.12);

  padding: clamp(22px, 4vw, 44px) 0;
}

.ms-consult__grid{
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: clamp(16px, 3vw, 28px);
  align-items: center;
}

@media (max-width: 900px){
  .ms-consult__grid{ grid-template-columns: 1fr; }
}

.ms-consult__left{
  color: var(--text);
}

.ms-consult__lead{
  margin: 0 0 10px;
  font-size: clamp(16px, 1.35vw, 20px);
  line-height: 1.65;
  color: var(--text);
  font-weight: 600;
}

.ms-consult__kicker{
  margin: 0 0 10px;
  color: var(--muted);
  line-height: 1.6;
}

.ms-consult__qs{
  margin: 0 0 14px;
  padding-left: 20px;
  color: var(--text);
  line-height: 1.65;
}

.ms-consult__qs li{
  margin: 6px 0;
}

.ms-consult__h3{
  margin: 14px 0 10px;
  font-size: clamp(16px, 1.35vw, 18px);
  line-height: 1.35;
}

.ms-consult__list{
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--line);
  padding-top: 12px;
}

.ms-consult__list li{
  position: relative;
  margin: 8px 0;
  padding-left: 22px;
  line-height: 1.65;
  color: var(--text);
}

/* √ checkbox (homepage blue) */
.ms-consult__list li::before{
  content: "√";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--blue);
  font-weight: 900;
  transform: translateY(1px);
}

.ms-consult__cta{
  margin-top: 18px;
}

.ms-consult__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  padding: 11px 16px;
  border-radius: 12px;
  background: var(--blue);
  color: #fff;
  text-decoration: none;
  font-weight: 800;
  letter-spacing: .02em;

  transition: transform .18s ease, filter .18s ease;
}

.ms-consult__btn:hover{
  transform: translateY(-1px);
  filter: brightness(1.05);
}

.ms-consult__right{
  width: 100%;
}

.ms-consult__img{
  display: block;
  width: 100%;
  height: clamp(220px, 28vw, 360px);
  object-fit: cover;
  border-radius: 16px;
}

/* ===============================
   Service & Support Scope Reset
   =============================== */

.ms-serviceSupport,
.ms-serviceSupport * {
  box-sizing: border-box;
}

/* 🔥 强力清除 Bagisto / Tiny 全局污染 */
.ms-serviceSupport h1,
.ms-serviceSupport h2,
.ms-serviceSupport h3,
.ms-serviceSupport h4,
.ms-serviceSupport p,
.ms-serviceSupport ul,
.ms-serviceSupport li,
.ms-serviceSupport article {
  all: unset;
  display: revert;
  box-sizing: border-box;
}

/* ===============================
   重新定义排版系统
   =============================== */

.ms-serviceSupport {
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
  color: #111827;
  line-height: 1.6;
}

/* Headings */
.ms-serviceSupport h1 {
  font-size: 42px;
  font-weight: 700;
  line-height: 1.1;
  margin: 0 0 20px 0;
}

.ms-serviceSupport h2 {
  font-size: 22px;
  font-weight: 700;
  margin: 0 0 12px 0;
}

.ms-serviceSupport h3 {
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 10px 0;
}

.ms-serviceSupport h4 {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 8px 0;
}

/* Paragraph */
.ms-serviceSupport p {
  font-size: 20px;
  line-height: 1.75;
  margin: 0 0 16px 0;
  color: #ffffff;
}
.ms-serviceSupport .ms-serviceSupport__cardText {
  display: block;
  font-size: 16px;
  line-height: 1.75;
  margin: 0 0 16px 0;
  color: #000000;
}
/* List */
.ms-serviceSupport ul {
  margin: 0 0 16px 0;
  padding-left: 18px;
  list-style: disc;
}

.ms-serviceSupport li {
  font-size: 14px;
  line-height: 1.7;
  margin-bottom: 6px;
}
/* =========================
   Layout tokens
   ========================= */
.ms-serviceSupport{
  --ms-red: rgba(0, 61, 165,0.7);
  --ms-blue: rgba(0, 61, 165);
  --ms-text: #111827;
  --ms-muted: #6b7280;
  --ms-border: rgba(17, 24, 39, .10);
  --ms-bg: #ffffff;

  color: var(--ms-text);
  background: var(--ms-bg);
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
}

.ms-serviceSupport__crumb{
  padding: 14px 22px;
  font-size: 14px;
  color: rgba(17,24,39,.75);
}

.ms-serviceSupport__crumb a{
  color: rgba(17,24,39,.75);
  text-decoration: none;
}

.ms-serviceSupport__crumb a:hover{
  text-decoration: underline;
}

.ms-serviceSupport__sep{
  margin: 0 8px;
  color: rgba(17,24,39,.55);
}

/* =========================
   Hero
   ========================= */
.ms-serviceSupport__hero{
  background: var(--ms-red);
  padding: 64px 22px;
}

.ms-serviceSupport__heroInner{
  max-width: 1100px;
  margin: 0 auto;
}

.ms-serviceSupport__title{
  font-size: 42px;
  line-height: 1.1;
  font-weight: 700;
  color: #310707;
  letter-spacing: -0.02em;
  margin: 0 0 18px 0;
}

.ms-serviceSupport__lead{
  max-width: 980px;
  font-size: 20px;
  line-height: 1.75;
  color: rgba(255,255,255,1);
  margin: 0;
}

/* =========================
   Cards
   ========================= */
.ms-serviceSupport__wrap{
  padding: 34px 22px 46px;
}

.ms-serviceSupport__grid{
  max-width: 1100px;
  margin: 0 auto;
  display: grid;
  gap: 26px;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  align-items: start;
}
.ms-serviceSupport .ms-serviceSupport__grid{
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
  gap: 26px !important;
}
.ms-serviceSupport__card{
  border-top: 1px solid var(--ms-blue);
  padding-top: 22px;
}

.ms-serviceSupport__cardTitle{
  font-size: 22px;
  line-height: 1.25;
  font-weight: 700;
  margin: 0 0 10px 0;
}

.ms-serviceSupport__cardText{
  font-size: 13px;
  line-height: 1.75;
  color: var(--ms-muted);
  margin: 0 0 18px 0;
}

.ms-serviceSupport__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  padding: 0 16px;
  background: var(--ms-blue);
  color: #ffffff;
  text-decoration: none;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  border-radius: 2px;
  user-select: none;
}

.ms-serviceSupport__btn:hover{
  filter: brightness(0.95);
}

.ms-serviceSupport__btn:active{
  transform: translateY(1px);
}

/* =========================
   Responsive
   ========================= */
@media (max-width: 980px){
  .ms-serviceSupport__grid{
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .ms-serviceSupport__hero{
    padding: 44px 18px;
  }

  .ms-serviceSupport__title{
    font-size: 32px;
  }

  .ms-serviceSupport__wrap{
    padding: 26px 18px 34px;
  }
}