.elementor-6262 .elementor-element.elementor-element-771e86d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-6262 .elementor-element.elementor-element-64f1196{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-6262 .elementor-element.elementor-element-9c9aa9b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-6262 .elementor-element.elementor-element-1ede634{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-6262 .elementor-element.elementor-element-e7870c9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-6262 .elementor-element.elementor-element-18fe042{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-6262 .elementor-element.elementor-element-ed8ed74{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-6262 .elementor-element.elementor-element-5898b70{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-6262 .elementor-element.elementor-element-a069a85{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-6262 .elementor-element.elementor-element-c37ddd7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-6262 .elementor-element.elementor-element-f86c6de{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-6262 .elementor-element.elementor-element-204190e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for text-editor, class: .elementor-element-5bc6b3c *//* ===== HERO ===== */
.hero-cleanroom {
  background:linear-gradient(135deg,#f5f7fa 0%,#e4e9f0 100%);
  padding:56px 18px;
}
.hero-cleanroom__wrap {
  max-width:1200px;
  margin:auto;
  display:grid;
  gap:24px;
}
@media(min-width:900px){
  .hero-cleanroom__wrap {
    grid-template-columns:1.1fr .9fr;
    gap:36px;
  }
}
.hero-cleanroom__title {
  font-size:clamp(28px,5vw,40px);
  line-height:1.2;
  color:#1a1a1a;
  margin:0 0 10px;
}
.hero-cleanroom__sub {
  color:#5e6b85;
  margin:6px 0 18px;
  line-height:1.6;
}
.hero-cleanroom__cta {
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin:8px 0 14px;
}

/* 主按钮：高对比橙色 */
.btn--primary {
  display:inline-block;
  background:#ff7a00;
  color:#fff;
  padding:14px 28px;
  border-radius:10px;
  text-decoration:none;
  font-weight:600;
  font-size:1.05rem;
  box-shadow:0 4px 12px rgba(0,0,0,0.15);
  transition:all 0.3s ease;
}
.btn--primary:hover {
  background:#e66700;
  box-shadow:0 6px 16px rgba(0,0,0,0.2);
}

/* 次按钮：蓝色描边 */
.btn--ghost {
  display:inline-block;
  background:transparent;
  border:2px solid #1363df;
  color:#1363df;
  padding:12px 26px;
  border-radius:10px;
  text-decoration:none;
  font-weight:600;
  font-size:1.05rem;
  transition:all 0.3s ease;
}
.btn--ghost:hover {
  background:#1363df;
  color:#fff;
}

.hero-cleanroom__kpis {
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin:10px 0;
}
.hero-cleanroom .kpi {
  background:#fff;
  padding:10px 12px;
  border-radius:12px;
  min-width:150px;
  box-shadow:0 6px 20px rgba(0,0,0,.06);
}
.hero-cleanroom .kpi strong {
  font-size:1.3rem;
  color:#1a1a1a;
  display:block;
}
.hero-cleanroom .kpi span {
  font-size:.9rem;
  color:#6b7280;
}
.hero-cleanroom__badges {
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:8px;
}
.hero-cleanroom__badges span {
  background:#fff;
  border:1px solid #e6ecf5;
  color:#5e6b85;
  padding:6px 10px;
  border-radius:999px;
  font-size:.9rem;
}
.hero-cleanroom__media {
  aspect-ratio:16/10;
  background:#dfeaff;
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 6px 20px rgba(0,0,0,.06);
}
.hero-cleanroom__media img {
  width:100%;
  height:100%;
  object-fit:cover;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b40e4c5 *//* ==== USP (with icons) ==== */
.usp-tiles{padding:56px 18px}
.usp-tiles__wrap{max-width:1200px;margin:auto}
.usp-tiles__title{font-size:clamp(22px,3.2vw,28px);margin:0 0 12px}
.usp-tiles__grid{display:grid;gap:14px;grid-template-columns:1fr 1fr}
@media(min-width:900px){.usp-tiles__grid{grid-template-columns:repeat(4,1fr)}}

.usp-tiles .card{
  background:#fff;border-radius:14px;padding:16px;box-shadow:0 6px 20px rgba(0,0,0,.06);
  display:flex;flex-direction:column;align-items:flex-start;gap:10px
}
.usp-tiles__icon{
  width:72px;height:72px;object-fit:contain;display:block;
  filter: drop-shadow(0 4px 10px rgba(0,0,0,.08));
}
@media(min-width:900px){ .usp-tiles__icon{width:80px;height:80px} }
.usp-tiles .card h3{margin:2px 0 4px;font-size:18px;line-height:1.3}
.usp-tiles .card p{margin:0;color:#5e6b85;line-height:1.6}

/* 居中对齐（如需） */
@media(max-width:768px){
  .usp-tiles .card{align-items:center;text-align:center}
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-607a7ca *//* ===== Packshots: 2x2 宫格 ===== */
#packshots-grid{ --text:#0f172a; --muted:#64748b; --line:#e5e7eb; padding:36px 20px; background:#fff; border-top:1px solid #e2e8f0;}
#packshots-grid .container{max-width:1140px;margin:0 auto;}
#packshots-grid .sec-title{text-align:center;color:var(--text);font-size:clamp(22px,3vw,28px);margin:0 0 14px;}

#packshots-grid .grid4{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;}
#packshots-grid .gcard{margin:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 10px 28px rgba(2,6,23,.08);background:#fff;position:relative;}
#packshots-grid .gcard .zoom{display:block;position:relative;aspect-ratio:4/3;background:#f8fafc;}
#packshots-grid .gcard img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#eef2f7;}
#packshots-grid .gcard figcaption{text-align:center;font-size:13px;color:var(--muted);padding:10px 12px;}
#packshots-grid .gcard:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(2,6,23,.14);transition:transform .25s ease, box-shadow .25s ease;}
@media (max-width:640px){ #packshots-grid .grid4{grid-template-columns:1fr;} }

/* Lightbox */
#packshots-grid .grid-lightbox{position:fixed;inset:0;background:rgba(2,6,23,.86);display:none;align-items:center;justify-content:center;z-index:1200;padding:24px;}
#packshots-grid .grid-lightbox img{max-width:min(1200px,95vw);max-height:90vh;border-radius:12px;box-shadow:0 22px 64px rgba(0,0,0,.5);}
#packshots-grid .grid-lightbox:target{display:flex;}
#packshots-grid .glb-close{position:fixed;inset:0;display:block;cursor:zoom-out;}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-6aa73b4 *//* ===== SPECS ===== */
.specs-table{padding:56px 18px}
.specs-table__wrap{max-width:1200px;margin:auto}
.specs-table__title{font-size:clamp(22px,3.2vw,28px);margin:0 0 12px}
.specs-table__box{background:#f7f9fc;border-radius:16px;padding:16px;box-shadow:0 6px 20px rgba(0,0,0,.06)}
.specs-table table{width:100%;border-collapse:separate;border-spacing:0 10px}
.specs-table td{background:#fff;padding:12px 14px;border-radius:10px;box-shadow:0 6px 20px rgba(0,0,0,.06);vertical-align:top}
.specs-table__note{color:#5e6b85;margin-top:10px}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3b5ae81 *//* ===== USE CASES (with images) ===== */
.cleanroom-use-cases {
  background:#f7f9fc;
  padding:56px 18px;
}
.cleanroom-use-cases__wrap {
  max-width:1200px;
  margin:auto;
}
.cleanroom-use-cases__title {
  font-size:clamp(22px,3.2vw,28px);
  margin:0 0 20px;
  text-align:center;
}
.cleanroom-use-cases__grid {
  display:grid;
  gap:18px;
  grid-template-columns:1fr;
}
@media(min-width:768px){
  .cleanroom-use-cases__grid {grid-template-columns:repeat(2,1fr);}
}
@media(min-width:1100px){
  .cleanroom-use-cases__grid {grid-template-columns:repeat(4,1fr);}
}
.cleanroom-use-cases .card {
  background:#fff;
  border-radius:14px;
  padding:14px;
  box-shadow:0 6px 20px rgba(0,0,0,.06);
  text-align:center;
}
.cleanroom-use-cases .card h3 {
  margin:12px 0 6px;
  font-size:18px;
}
.cleanroom-use-cases .card p {
  margin:0;
  color:#5e6b85;
  line-height:1.6;
}
.usecase-img {
  width:100%;
  height:auto;
  border-radius:10px;
  box-shadow:0 4px 12px rgba(0,0,0,0.1);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-802733e */#trust-mop { padding-block: clamp(36px,6vw,72px); background:#fff; }
.sec-title { text-align:center; margin-bottom:1.75rem; font-size:clamp(24px,3.6vw,36px); font-weight:700; }

.trust-badges{ display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:14px; list-style:none; margin:0; padding:0; }
.trust-item{ display:grid; grid-template-columns:auto 1fr; align-items:center; gap:10px 12px;
  padding:14px 16px; background:#f7f9fc; border:1px solid #e6ebf2; border-radius:12px;
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease; }
.trust-item:hover{ transform:translateY(-2px); box-shadow:0 8px 20px rgba(0,0,0,.06); background:#f4f7fb; }
.t-ic{ font-size:1.4rem; line-height:1; }
.t-t{ display:grid; }
.t-t strong{ font-weight:700; font-size:.98rem; line-height:1.25; }
.t-t .sub{ font-size:.86rem; color:#5a6472; line-height:1.3; }/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7aa574c *//* ===== Product Details Section ===== */
#mop-details {
  --brand: #1e3a8a;
  --text: #0f172a;
  --muted: #64748b;
  --card: #ffffff;
  --line: #e5e7eb;
  padding: 44px 20px;
  background: #fff;
  border-top: 1px solid #e2e8f0;
}
#mop-details .container { max-width: 1140px; margin: 0 auto; }
#mop-details .sec-title {
  text-align: center;
  color: var(--text);
  font-size: clamp(22px, 3vw, 28px);
  margin: 0 0 20px;
}

/* Grid */
#mop-details .detail-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

/* Card wrapper */
#mop-details .detail-card {
  position: relative;
  margin: 0;
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(2,6,23,.06);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  /* 固定比例，匹配 900×700 (≈9:7) */
  aspect-ratio: 9 / 7;
  isolation: isolate;
}

/* 仅显示每个 figure 中的最后一个 <picture>（即包含 <img> 的 PNG/JPG） */
#mop-details .detail-card picture { display: none; }
#mop-details .detail-card picture:last-of-type { 
  display: block; 
  position: absolute; inset: 0;
}

/* 图片铺满容器，避免拉伸 */
#mop-details .detail-card img {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  display: block;
  background: #eef2f7; /* 占位底色，防闪屏 */
  image-rendering: auto;
}

/* 文字可读性叠层（下部渐变） */
#mop-details .detail-card::after {
  content: "";
  position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(2,6,23,0) 58%, rgba(2,6,23,.5) 100%);
  pointer-events: none;
}

/* Caption 置底 */
#mop-details .detail-card figcaption {
  position: absolute; left: 0; right: 0; bottom: 0;
  padding: 12px 14px;
  color: #fff; z-index: 2;
  font-size: 14px; line-height: 1.35;
  text-shadow: 0 1px 2px rgba(0,0,0,.25);
}

/* Hover & focus-within 效果 */
#mop-details .detail-card:hover,
#mop-details .detail-card:focus-within {
  transform: translateY(-3px);
  box-shadow: 0 16px 36px rgba(2,6,23,.12);
  border-color: rgba(30,58,138,.18);
}

/* 说明文字 */
#mop-details .details-note {
  text-align: center;
  color: var(--muted);
  font-size: 14px;
  margin: 14px 0 0;
}
#mop-details .details-note a {
  color: var(--brand);
  font-weight: 600;
  text-decoration: none;
}
#mop-details .details-note a:hover { text-decoration: underline; }

/* 动效可访问性 */
@media (prefers-reduced-motion: reduce) {
  #mop-details .detail-card { transition: none; }
}

/* 响应式 */
@media (max-width: 1024px){
  #mop-details .detail-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px){
  #mop-details { padding: 36px 16px; }
  #mop-details .detail-grid { grid-template-columns: 1fr; }
  #mop-details .detail-card figcaption { padding: 10px 12px; font-size: 13px; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1c683f0 *//* ===== HOW-TO with Image ===== */
.howto-steps {
  background:#f7f9fc;
  padding:56px 18px;
}
.howto-steps__wrap {
  max-width:1200px;
  margin:auto;
  text-align:center;
}
.howto-steps__title {
  font-size:clamp(22px,3.2vw,28px);
  margin:0 0 20px;
}
.howto-steps__image img {
  width:100%;
  height:auto;
  border-radius:12px;
  box-shadow:0 6px 20px rgba(0,0,0,.08);
  margin-bottom:28px;
}
.howto-steps__grid {
  display:grid;
  gap:12px;
  grid-template-columns:1fr;
  margin-top:10px;
}
@media(min-width:900px){
  .howto-steps__grid {
    grid-template-columns:repeat(4,1fr);
  }
}
.howto-steps .step {
  background:#fff;
  border-radius:12px;
  padding:14px;
  box-shadow:0 6px 20px rgba(0,0,0,.06);
}
.howto-steps .step p {
  margin:.25rem 0 0;
  color:#5e6b85;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2e0d7fa */#moq-leadtime{ background:#fff; }
.ml-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:16px; }
.ml-card{ background:#f7f9fc; border:1px solid #e6ebf2; border-radius:12px; padding:16px; }
.ml-card h3{ margin:.2rem 0 .4rem; font-size:1.05rem; }
.ml-card p{ margin:0; color:#4b5563; }/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-93876ce *//* Container */
#quote-form .quote-form-wrap #wpforms-6038 {
  max-width: 760px;
  margin: 0 auto;
  background: #fff;
  border: 1px solid #e6ebf2;
  border-radius: 14px;
  padding: 18px;
  box-shadow: 0 6px 20px rgba(0,0,0,.05);
}

/* Fields */
#wpforms-6038 input,
#wpforms-6038 select,
#wpforms-6038 textarea {
  width: 100%;
  padding: .65rem .85rem;
  border: 1px solid #dfe4ec;
  border-radius: 10px;
  font-size: .95rem;
}

#wpforms-6038 input:focus,
#wpforms-6038 select:focus,
#wpforms-6038 textarea:focus {
  outline: none;
  border-color: #0A69F0;
  box-shadow: 0 0 0 3px rgba(10,105,240,.15);
}

/* Submit Button */
#wpforms-6038 .wpforms-submit {
  background: #0A69F0;
  color: #fff !important;
  font-weight: 700;
  padding: .75rem 1.2rem;
  border-radius: 999px;
  cursor: pointer;
  box-shadow: 0 6px 18px rgba(10,105,240,.25);
  transition: background .25s ease;
}

#wpforms-6038 .wpforms-submit:hover {
  background: #084ec1;
}

/* Form meta text */
#quote-form .form-meta {
  margin-top: 1rem;
  font-size: .9rem;
  text-align: center;
  color: #666;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0aa8ddd */#contact-bar{ position:sticky; bottom:10px; z-index:50; }
.cb-wrap{ display:flex; gap:8px; justify-content:center; }
.cb-btn{
  background:#0A69F0; color:#fff; text-decoration:none; font-weight:700;
  padding:.6rem .9rem; border-radius:999px; box-shadow:0 6px 18px rgba(10,105,240,.25);
}
@media (min-width:900px){ #contact-bar{ display:none; } } /* show only on mobile/tablet *//* End custom CSS */
/* Start custom CSS */<style>
  :root{
    --pri:#1363df; --text:#1c2330; --muted:#5e6b85; --bg:#f7f9fc; --ok:#19a974; --warn:#ffb703;
    --radius:14px; --shadow:0 6px 20px rgba(0,0,0,.06); --max:1100px;
  }
  *{box-sizing:border-box} body{color:var(--text)}
  .sec{padding:56px 20px}@media(min-width:768px){.sec{padding:72px 20px}}
  .wrap{max-width:var(--max);margin:auto}
  .h1,.h2,.h3{line-height:1.2;margin:0 0 12px}
  .h1{font-size:clamp(28px,4.5vw,40px)} .h2{font-size:clamp(22px,3.2vw,28px)} .h3{font-size:18px}
  .sub{color:var(--muted);margin:8px 0 20px}
  .btn{display:inline-block;background:var(--pri);color:#fff;padding:12px 18px;border-radius:10px;
       text-decoration:none;font-weight:600;box-shadow:var(--shadow)}
  .btn.alt{background:var(--ok)} .btn.ghost{background:#fff;color:var(--pri);border:1px solid var(--pri)}
  .grid{display:grid;gap:16px} .grid-2{grid-template-columns:1fr} @media(min-width:900px){.grid-2{grid-template-columns:1.1fr .9fr}}
  .cards{display:grid;gap:14px;grid-template-columns:1fr 1fr} @media(min-width:900px){.cards{grid-template-columns:repeat(4,1fr)}}
  .card{background:#fff;border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}
  .hero{background:linear-gradient(180deg,#eef5ff,transparent)}
  .hero-media{aspect-ratio:16/10;background:#dfeaff;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
  .kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:16px}
  .kpi{background:#fff;padding:12px;border-radius:12px;text-align:center;box-shadow:var(--shadow)}
  .table{width:100%;border-collapse:separate;border-spacing:0 10px}
  .table td{background:#fff;padding:12px 14px;border-radius:10px;box-shadow:var(--shadow)}
  .badges{display:flex;flex-wrap:wrap;gap:10px}
  .badge{background:#fff;border:1px solid #e6ecf5;color:var(--muted);padding:6px 10px;border-radius:999px}
  .steps{display:grid;gap:12px;grid-template-columns:1fr} @media(min-width:900px){.steps{grid-template-columns:repeat(4,1fr)}}
  .step{background:#fff;border-radius:12px;padding:14px;box-shadow:var(--shadow)}
  .faq details{background:#fff;border-radius:12px;padding:14px;box-shadow:var(--shadow)}
  .note{font-size:13px;color:var(--muted)}
  .strip{background:var(--bg);border-radius:16px;box-shadow:var(--shadow);padding:16px}
</style>/* End custom CSS */