.elementor-6226 .elementor-element.elementor-element-9fe3c03{--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-6226 .elementor-element.elementor-element-e32c090{--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-6226 .elementor-element.elementor-element-15de3c2{--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-6226 .elementor-element.elementor-element-76f378d{--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-6226 .elementor-element.elementor-element-1a96357{--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-6226 .elementor-element.elementor-element-3297e0e{--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-6226 .elementor-element.elementor-element-b138795{--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-6226 .elementor-element.elementor-element-bdb8ed8{--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-6226 .elementor-element.elementor-element-7c03a9d{--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-6226 .elementor-element.elementor-element-5817464{--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-6226 .elementor-element.elementor-element-289b3e4{--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-6226 .elementor-element.elementor-element-cf0f806{--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-6226 .elementor-element.elementor-element-ee32e6a{--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;}:root{--page-title-display:none;}/* Start custom CSS for text-editor, class: .elementor-element-381693c *//* =========================
   Hero Section
   ========================= */
.hero{
  position:relative;
  height:100vh;                 /* 全屏高度 */
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#fff;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}

/* 渐变遮罩，增强文字可读性 */
.hero-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(0deg,rgba(0,0,0,.55),rgba(0,0,0,.35));
  z-index:1;
}

.hero-content{
  position:relative;
  z-index:2;
  max-width:880px;
  padding:20px;
}

.hero h1{
  font-size:2.8rem;
  font-weight:700;
  margin-bottom:14px;
  text-shadow:0 2px 8px rgba(0,0,0,.35);
}

.hero-subtitle{
  font-size:1.2rem;
  margin-bottom:26px;
  line-height:1.6;
  text-shadow:0 1px 6px rgba(0,0,0,.30);
}

/* 按钮容器：居中且有间距 */
.hero-actions{
  display:flex;
  gap:14px;
  justify-content:center;
  flex-wrap:wrap;
  position:relative;
  z-index:2;
}

/* 背板：进一步提升按钮区对比度（如不需要可删除本块） */
.hero-actions::before{
  content:"";
  position:absolute;
  inset:-8px;
  border-radius:22px;
  background:rgba(0,0,0,.15);
  filter:blur(8px);
  z-index:-1;
}

/* =========================
   高对比按钮（主：绿 / 次：蓝）
   ========================= */
.hero .cta-button,
.hero .btn{
  display:inline-block;
  padding:14px 32px;
  font-weight:600;
  letter-spacing:.3px;
  border-radius:12px;
  text-decoration:none;
  transition:all .25s ease;
  border:2px solid transparent;    /* 预留边框位，避免 hover 抖动 */
  color:#ffffff !important;         /* 强制白字，防主题覆盖 */
  box-shadow:0 6px 18px rgba(0,0,0,.18);
}

/* 主按钮：品牌绿 */
.hero .cta-button{ background:#007c65; }
.hero .cta-button:hover{
  background:#00a88e;               /* 悬停更亮，差异明显 */
  transform:translateY(-3px) scale(1.02);
  box-shadow:0 10px 24px rgba(0,0,0,.25);
}
.hero .cta-button:active{
  background:#005c4a;               /* 点击更深 */
  transform:translateY(0) scale(0.98);
}

/* 次按钮：高对比亮蓝 */
.hero .btn{ background:#0ea5e9; }    /* sky-500 */
.hero .btn:hover{
  background:#0284c7;               /* sky-600 */
  transform:translateY(-3px) scale(1.02);
  box-shadow:0 10px 24px rgba(0,0,0,.25);
}
.hero .btn:active{
  background:#0369a1;               /* sky-700 */
  transform:translateY(0) scale(0.98);
}

/* 键盘可访问性 */
.hero .cta-button:focus-visible,
.hero .btn:focus-visible{
  outline:2px solid #1fb6ff;
  outline-offset:2px;
}

/* =========================
   响应式
   ========================= */
@media (max-width:768px){
  .hero{ height:70vh; }
  .hero h1{ font-size:2rem; }
  .hero-subtitle{ font-size:1rem; margin-bottom:22px; }
  .hero .cta-button,
  .hero .btn{ padding:12px 22px; font-size:1rem; border-radius:10px; }
}

/* 超宽屏微调：避免主体偏上或被裁切 */
@media (min-width:1440px){
  .hero{ background-position:center 40%; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-9f538fc *//* Features */
.features{padding:60px 20px;background:#f9f9f9;text-align:center}
.features h2{font-size:2rem;margin-bottom:40px;font-weight:600;color:#222}
.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px}
.feature-item{background:#fff;border-radius:12px;padding:25px 20px;box-shadow:0 4px 10px rgba(0,0,0,.05);transition:transform .3s ease}
.feature-item:hover{transform:translateY(-5px)}
.feature-item img{width:80px;height:80px;object-fit:contain;margin-bottom:12px;display:block;margin-inline:auto}
.feature-item h3{font-size:1.15rem;margin-bottom:8px;color:#007c65}
.feature-item p{font-size:.95rem;color:#555;line-height:1.55}
@media(max-width:768px){.features h2{font-size:1.6rem}.feature-item img{width:70px;height:70px}}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-fd5b3a5 *//* Products (1:1 cards) */
.products{padding:70px 20px;background:#fff;text-align:center}
.products .sec-title{font-size:2rem;font-weight:600;margin-bottom:10px;color:#222}
.products .sec-sub{color:#555;max-width:720px;margin:0 auto 35px}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
@media(max-width:1024px){.product-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.product-grid{grid-template-columns:1fr}}
.product-card{background:#f9fafb;border-radius:14px;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,.06);transition:transform .25s ease,box-shadow .25s ease;display:flex;flex-direction:column;text-align:left}
.product-card:hover{transform:translateY(-6px);box-shadow:0 10px 24px rgba(0,0,0,.10)}
.product-media{position:relative;aspect-ratio:1/1;overflow:hidden;background:#e5e7eb}
.product-media img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.product-card:hover .product-media img{transform:scale(1.08)}
.product-body{padding:18px 18px 22px;display:flex;flex-direction:column;gap:10px}
.product-title{font-size:1.15rem;font-weight:600;color:#0f172a}
.product-bullets{margin:0 0 6px 1rem;color:#475569;line-height:1.55}
.product-bullets li{margin:6px 0}

/* ===== High-contrast Product CTA button ===== */
.products .btn{
  display:inline-block;
  padding:12px 24px;
  background:#007c65;          /* 默认主色：品牌绿 */
  color:#ffffff !important;     /* 强制白字，防主题覆盖 */
  font-weight:600;
  border-radius:10px;
  text-decoration:none;
  letter-spacing:.3px;
  border:2px solid transparent; /* 预留边框，避免 hover 抖动 */
  transition:all .25s ease;
  box-shadow:0 6px 16px rgba(0,0,0,.12);
  align-self:flex-start;        /* 保持按钮按内容宽度；如需通栏可改为 width:100% */
}

.products .btn:hover{
  background:#ffffff;           /* 悬停：白底 */
  color:#007c65 !important;     /* 绿字 */
  border-color:#007c65;         /* 绿描边 */
  transform:translateY(-2px);
  box-shadow:0 10px 20px rgba(0,0,0,.15);
}

.products .btn:active{
  background:#005c4a;           /* 点击更深 */
  color:#ffffff !important;
  transform:translateY(0) scale(.98);
  box-shadow:0 4px 10px rgba(0,0,0,.12);
}

.products .btn:focus-visible{
  outline:2px solid #1fb6ff;    /* 键盘可访问性 */
  outline-offset:2px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e55297f *//* Specs table */
.specs{padding:60px 20px;background:#ffffff}
.specs h2{font-size:2rem;font-weight:600;color:#222;text-align:center;margin-bottom:24px}
.specs-table{width:100%;max-width:980px;margin:0 auto;border-collapse:separate;border-spacing:0 10px}
.specs-table th,.specs-table td{background:#f7f9fb;padding:14px 16px;vertical-align:top}
.specs-table th{width:240px;color:#0f172a;font-weight:600;border-radius:10px 0 0 10px}
.specs-table td{color:#475569;border-radius:0 10px 10px 0}
@media(max-width:680px){.specs-table th{width:38%}.specs h2{font-size:1.6rem}}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0868373 *//* Quality */
.quality{padding:80px 20px;background:#fff}
.quality-grid{display:grid;grid-template-columns:150px 1fr;gap:30px;align-items:center;max-width:1000px;margin:0 auto}
.quality-icon img{width:120px;height:120px;object-fit:contain;display:block;margin:0 auto}
.quality-content h2{font-size:2rem;font-weight:600;margin-bottom:12px;color:#222}
.quality-content p{font-size:1rem;color:#555;line-height:1.65;max-width:720px}
@media(max-width:768px){.quality-grid{grid-template-columns:1fr;text-align:center}.quality-content h2{font-size:1.6rem}}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2093e32 *//* FAQ */
.faq{padding:70px 20px;background:#f9fafb}
.faq h2{text-align:center;color:#222;font-size:2rem;font-weight:600;margin-bottom:24px}
.faq details{max-width:880px;margin:10px auto;background:#fff;border-radius:12px;padding:16px 18px;box-shadow:0 4px 10px rgba(0,0,0,.05)}
.faq summary{cursor:pointer;font-weight:600;color:#0f172a;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq .faq-a{margin-top:10px;color:#475569;line-height:1.65}
@media(max-width:680px){.faq h2{font-size:1.6rem}}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b360f3c *//* Contact */
.contact{padding:70px 20px;background:#ffffff;text-align:center}
.contact .section-title{font-size:2rem;font-weight:600;margin-bottom:10px;color:#222}
.contact .section-sub{font-size:1rem;color:#555;margin-bottom:24px}
.contact .quote-form-wrap{max-width:680px;margin:0 auto 18px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.06)}
.contact .form-meta{color:#444;font-size:.95rem}
.contact .form-meta a{color:#007c65;font-weight:600;text-decoration:none;margin:0 6px;transition:color .2s ease}
.contact .form-meta a:hover{color:#005c4a;text-decoration:underline}
@media(max-width:680px){.contact .section-title{font-size:1.6rem}}/* End custom CSS */
/* Start custom CSS *//* Global CTA button style shared by sections */
.cta-button,
.btn {
  display: inline-block;
  padding: 12px 24px;
  background: #007c65;
  color: #fff;
  font-weight: 600;
  border-radius: 8px;
  text-decoration: none;
  letter-spacing: 0.3px;
  transition: all .25s ease;
  box-shadow: 0 6px 18px rgba(0,0,0,0.18);
}
.cta-button:hover,
.btn:hover {
  background: linear-gradient(135deg, #00a88e, #007c65);
  transform: translateY(-3px) scale(1.02);
  box-shadow: 0 10px 24px rgba(0,0,0,0.25);
}
.cta-button:active,
.btn:active {
  background: #005c4a;
  transform: translateY(0) scale(0.98);
  box-shadow: 0 4px 12px rgba(0,0,0,0.20);
}
.cta-button:focus-visible,
.btn:focus-visible {
  outline: 2px solid #1fb6ff;
  outline-offset: 2px;
}/* End custom CSS */