/* ============================================================
 * index-soap.css  —  手工皂工厂「天然草本·温暖手作」皮肤覆盖层
 * 仅覆盖首页视觉（配色 / 质感 / 圆角 / 阴影 / 动效），
 * 不改动任何结构与展示内容。删除本文件的引入即可一键还原。
 * 载入顺序须在 common.css / index.css 之后。
 * ============================================================ */

:root{
  --soap-clay:#bd6f4c;        /* 主色·陶土 (替换原橙 #f26305) */
  --soap-clay-deep:#a15736;   /* 陶土·深(悬停) */
  --soap-sage:#93a06d;        /* 辅色·鼠尾草绿 (替换原科技蓝 #6bc4ea) */
  --soap-sage-deep:#6f7d52;   /* 草绿·深 */
  --soap-cream:#f4efe3;       /* 燕麦米色区块底 (替换原 #eef1f8) */
  --soap-cream-2:#efe7d6;     /* 米色·略深 */
  --soap-ink:#3a342c;         /* 暖调深文字 */
  --soap-ink-soft:#6f665a;    /* 暖调次级文字 */
  --soap-overlay:rgba(93,104,66,.92); /* 产品卡悬停草绿遮罩 */
  --soap-line:#e3d9c6;        /* 暖调分隔线 */
}

/* ---------- 全局暖色化 ---------- */
body{ background-color:#fbf8f1; color:var(--soap-ink); }

/* ================= 通用按钮 .eymore ================= */
.eymore a{
  background-color:var(--soap-clay);
  box-shadow:0 8px 18px -8px rgba(161,87,54,.55);
  transition:all .35s ease;
}
.eymore a:hover{ background-color:var(--soap-clay-deep); box-shadow:0 12px 22px -8px rgba(161,87,54,.6); }
.eymore a:hover i svg path{ fill:var(--soap-clay-deep); }
.eymore1 a{ background-color:var(--soap-sage); box-shadow:0 8px 18px -8px rgba(111,125,82,.55); }
.eymore1 a:hover{ background-color:var(--soap-sage-deep); }
.eymore1 a:hover i svg path{ fill:var(--soap-sage-deep); }
.eymore2 a{ background-color:#fff; color:var(--soap-clay); }
.eymore2 a i{ background-color:var(--soap-clay); }
.eymore a i svg path{ fill:var(--soap-clay); }
.eymore1 a i svg path{ fill:var(--soap-sage); }
.eymore2 a i svg path{ fill:#fff; }

/* ================= 栏目大标题 .eytitle ================= */
.eytitle span{ color:rgba(147,160,109,.18); letter-spacing:2px; }
.eytitle p{ color:var(--soap-ink); }
.eytitle p::after{                 /* 新增一枚手作小色块点缀 */
  content:'';display:block;width:44px;height:4px;margin-top:16px;
  background:linear-gradient(90deg,var(--soap-clay),var(--soap-sage));
  border-radius:4px;
}
.eytitle1 p::after{ margin-left:auto;margin-right:auto; }

/* ================= 首页 Banner ================= */
.eybanner{ background-color:var(--soap-cream); }
.eyba_text p{ color:var(--soap-ink); }
.eyba_text p::before{ background-color:var(--soap-sage); }
.eyba_text p::after{ border-color:var(--soap-clay); }
.eyba_text span{ color:var(--soap-ink-soft); }
.eybanner .swiper-button-prev:hover,
.eybanner .swiper-button-next:hover{ background:var(--soap-clay); }
.eybanner .swiper-pagination span{ background-color:rgba(58,52,44,.22); }
.eybanner .swiper-pagination span.swiper-pagination-bullet-active{ background-color:var(--soap-clay); }

/* ================= 关于我们 ================= */
.eyabout_main{
  box-shadow:0 30px 60px -30px rgba(93,104,66,.35);
}
.eyabout_con{ color:var(--soap-ink-soft); }
.eyabout_data ul li p,
.eyabout_data ul li p em,
.eyabout_data ul li p sup{ color:var(--soap-clay); }
.eyabout_data ul li span{ color:var(--soap-ink-soft); }
.eyabout_data ul li{ position:relative; }
.eyabout_title p{ color:#fff; }
.eyabout_title::after{ background-color:var(--soap-sage); }
.eyabout_menu dl dd a:hover i{ background-color:#fff; }
.eyabout_menu dl dd a:hover i svg path{ fill:var(--soap-clay); }
.eyabout_menu dl dd a i{ transition:all .35s ease; }
.eyabout_menu dl dd a:hover i{ transform:translateY(-6px); box-shadow:0 16px 30px -14px rgba(0,0,0,.35); }
/* 关于区底部装饰波纹图 → 暖色化 */
.eyabout::after{ filter:sepia(.55) saturate(1.4) hue-rotate(-18deg); }

/* ================= 产品展示 ================= */
.eyproducts{
  background-color:var(--soap-cream);
  background-image:
    radial-gradient(circle at 12% 18%, rgba(147,160,109,.10) 0, rgba(147,160,109,0) 42%),
    radial-gradient(circle at 88% 82%, rgba(189,111,76,.08) 0, rgba(189,111,76,0) 40%);
}
.eyproducts::after{ filter:sepia(.55) saturate(1.4) hue-rotate(-18deg); }
.conpro_con{
  border-top:5px solid var(--soap-clay);
  box-shadow:0 14px 34px -22px rgba(93,104,66,.5);
  transition:box-shadow .35s ease, transform .35s ease;
}
.conpro_con:hover{ transform:translateY(-4px); box-shadow:0 22px 40px -20px rgba(93,104,66,.55); }
.conpro_con::before{ background-color:var(--soap-overlay); }
.conpro_con span.nyPro_model{ background-color:var(--soap-sage); }
.conpro_con a.nyPro_name{ color:var(--soap-ink); }
.eypro_swiper .swiper-button-prev,
.eypro_swiper .swiper-button-next{ background:var(--soap-sage); }
.eypro_swiper .swiper-button-prev:hover,
.eypro_swiper .swiper-button-next:hover{ background:var(--soap-clay); }

/* ================= 新闻资讯 ================= */
.eynews{
  background-color:#fbf8f1;
  background-image:radial-gradient(circle at 90% 8%, rgba(147,160,109,.08) 0, rgba(147,160,109,0) 38%);
}
.eynews_tab ul li{ background-color:var(--soap-cream); color:var(--soap-ink); }
.eynews_tab ul li:hover,
.eynews_tab ul li.active{ background-color:var(--soap-clay); color:#fff; }
.eynews_list dl dd .eynews_con{
  background-color:var(--soap-cream);
  box-shadow:0 10px 26px -20px rgba(93,104,66,.45);
  transition:all .35s ease;
}
.eynews_list dl dd .eynews_con:hover{ background-color:var(--soap-clay); }
.eynews_con .eynews_time span{ color:var(--soap-ink-soft); border-bottom:1px solid var(--soap-line); }
.eynews_con .eynews_time p{ color:var(--soap-ink); }
.eynews_con .eynews_text{ border-left:1px solid var(--soap-line); }
.eynews_con .eynews_text a.name{ color:var(--soap-ink); }
.eynews_con .eynews_text p.dec{ color:var(--soap-ink-soft); }
.eynews_con .eynews_text a.btn i{ background-color:var(--soap-cream-2); }
.eynews_con:hover .eynews_text a.btn i{ background-color:var(--soap-sage); }

/* ============================================================
 * 以下为「定制工厂」新增板块（HTML 见 index.htm 中 SOAP-FACTORY 注释块）
 * 信任标 / 生产实力 / 定制流程 / 车间设备+资质认证
 * ============================================================ */

/* ---------- 通用容器 ---------- */
.soap-trust,.soap-capacity,.soap-process,.soap-factory{
  box-sizing:border-box; width:100%; overflow:hidden;
}
.soap-trust *,.soap-capacity *,.soap-process *,.soap-factory *{ box-sizing:border-box; }

/* ================= 一站式定制 信任标 ================= */
.soap-trust{
  padding:72px 0;
  background:
    radial-gradient(circle at 8% 20%, rgba(147,160,109,.10) 0, rgba(147,160,109,0) 40%),
    radial-gradient(circle at 92% 80%, rgba(189,111,76,.08) 0, rgba(189,111,76,0) 38%),
    var(--soap-cream);
}
.soap-trust .w1500{ width:1500px; max-width:92%; margin:0 auto; }
.soap-trust-slogan{ text-align:center; margin-bottom:46px; }
.soap-trust-slogan strong{
  display:block; font-size:40px; line-height:1.3; color:var(--soap-ink); font-weight:700;
  letter-spacing:1px;
}
.soap-trust-slogan span{
  display:block; margin-top:16px; font-size:17px; color:var(--soap-ink-soft); line-height:1.7;
}
.soap-trust-list{
  display:flex; flex-wrap:wrap; justify-content:center; gap:22px;
  list-style:none; margin:0; padding:0;
}
.soap-trust-list li{
  flex:1 1 0; min-width:180px;
  background:#fff; border-radius:16px; padding:34px 22px; text-align:center;
  border:1px solid var(--soap-line);
  box-shadow:0 16px 34px -26px rgba(93,104,66,.5);
  transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.soap-trust-list li:hover{
  transform:translateY(-6px);
  border-color:var(--soap-clay);
  box-shadow:0 26px 44px -24px rgba(161,87,54,.5);
}
.soap-trust-list li i{
  display:inline-flex; align-items:center; justify-content:center;
  width:66px; height:66px; margin-bottom:18px; border-radius:50%;
  color:var(--soap-clay); background:var(--soap-cream);
  transition:all .35s ease;
}
.soap-trust-list li:hover i{ color:#fff; background:var(--soap-clay); }
.soap-trust-list li i svg{ width:30px; height:30px; }
.soap-trust-list li p{
  margin:0; font-size:19px; color:var(--soap-ink); font-weight:700;
}
.soap-trust-list li p span{ display:block; margin-top:8px; font-size:14px; font-weight:400; color:var(--soap-ink-soft); line-height:1.6; }

/* ================= 工厂生产实力（数字） ================= */
.soap-capacity{
  padding:78px 0;
  position:relative;
  background:linear-gradient(135deg,#6f7d52 0%,#93a06d 55%,#a98c5e 100%);
}
.soap-capacity::before{
  content:''; position:absolute; inset:0; opacity:.10;
  background-image:radial-gradient(circle at 20% 30%, #fff 0, transparent 30%),
                   radial-gradient(circle at 80% 70%, #fff 0, transparent 26%);
  pointer-events:none;
}
.soap-capacity .w1500{ width:1500px; max-width:92%; margin:0 auto; position:relative; }
.soap-capacity .eytitle span{ color:rgba(255,255,255,.22); }
.soap-capacity .eytitle p{ color:#fff; }
.soap-capacity .eytitle p::after{ background:linear-gradient(90deg,#fff,var(--soap-cream)); }
.soap-capacity-list{
  display:flex; flex-wrap:wrap; justify-content:center;
  list-style:none; margin:44px 0 0; padding:0;
}
.soap-capacity-list li{
  flex:1 1 0; min-width:150px; text-align:center; padding:14px 18px;
  position:relative;
}
.soap-capacity-list li + li::before{
  content:''; position:absolute; left:0; top:50%; transform:translateY(-50%);
  width:1px; height:56px; background:rgba(255,255,255,.28);
}
.soap-capacity-list li p{
  margin:0; display:flex; align-items:baseline; justify-content:center;
  font-family:'AlimamaShuHeiTi-Bold','Microsoft YaHei',sans-serif;
  color:#fff; line-height:1;
}
.soap-capacity-list li p em{ font-style:normal; font-size:52px; letter-spacing:1px; }
.soap-capacity-list li p i{ font-style:normal; font-size:26px; margin-left:3px; }
.soap-capacity-list li span{ display:block; margin-top:14px; font-size:15px; color:rgba(255,255,255,.9); }

/* ================= OEM/ODM 定制流程 ================= */
.soap-process{
  padding:78px 0;
  background:#fbf8f1;
  background-image:radial-gradient(circle at 90% 10%, rgba(189,111,76,.06) 0, rgba(189,111,76,0) 40%);
}
.soap-process .w1500{ width:1500px; max-width:92%; margin:0 auto; }
.soap-process-list{
  display:flex; flex-wrap:wrap; justify-content:center; gap:24px;
  list-style:none; margin:48px 0 0; padding:0;
}
.soap-process-list li{
  flex:1 1 0; min-width:210px; max-width:calc(33.333% - 16px);
  position:relative; background:#fff; border-radius:16px; padding:36px 26px 30px;
  border:1px solid var(--soap-line);
  box-shadow:0 16px 34px -28px rgba(93,104,66,.5);
  transition:transform .35s ease, box-shadow .35s ease;
}
.soap-process-list li:hover{ transform:translateY(-6px); box-shadow:0 26px 46px -26px rgba(161,87,54,.45); }
.soap-process-list li i{
  display:inline-flex; align-items:center; justify-content:center;
  width:60px; height:60px; border-radius:14px; margin-bottom:18px;
  color:#fff; background:linear-gradient(135deg,var(--soap-clay),var(--soap-clay-deep));
}
.soap-process-list li i svg{ width:28px; height:28px; }
.soap-process-list li em{
  position:absolute; top:24px; right:26px; font-style:normal;
  font-family:'AlimamaShuHeiTi-Bold','Microsoft YaHei',sans-serif;
  font-size:40px; line-height:1; color:rgba(189,111,76,.16);
}
.soap-process-list li b{ display:block; font-size:20px; color:var(--soap-ink); font-weight:700; margin-bottom:10px; }
.soap-process-list li span{ display:block; font-size:14px; color:var(--soap-ink-soft); line-height:1.65; }

/* ================= 车间设备 + 资质认证 ================= */
.soap-factory{
  padding:78px 0 84px;
  background:var(--soap-cream);
}
.soap-factory .w1500{ width:1500px; max-width:92%; margin:0 auto; }
.soap-factory-grid{
  display:grid; grid-template-columns:repeat(4,1fr); gap:22px; margin-top:48px;
}
.soap-photo{
  position:relative; border-radius:16px; overflow:hidden; aspect-ratio:4/3;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  text-align:center; padding:20px;
  color:var(--soap-ink);
  background:
    repeating-linear-gradient(45deg, rgba(147,160,109,.06) 0 12px, rgba(147,160,109,0) 12px 24px),
    linear-gradient(135deg,#fff 0%, var(--soap-cream-2) 100%);
  border:1px dashed var(--soap-line);
  transition:transform .35s ease, box-shadow .35s ease;
}
.soap-photo:hover{ transform:translateY(-5px); box-shadow:0 24px 44px -26px rgba(93,104,66,.5); }
.soap-photo i{ display:inline-flex; color:var(--soap-clay); margin-bottom:14px; }
.soap-photo i svg{ width:46px; height:46px; }
.soap-photo span{ display:block; font-size:17px; font-weight:700; }
.soap-photo em{ display:block; margin-top:6px; font-style:normal; font-size:12px; color:var(--soap-ink-soft); }

.soap-cert-list{
  display:flex; flex-wrap:wrap; justify-content:center; gap:18px;
  list-style:none; margin:40px 0 0; padding:0;
}
.soap-cert-list li{
  flex:0 1 auto; display:flex; align-items:center; gap:14px;
  background:#fff; border-radius:50px; padding:14px 26px 14px 16px;
  border:1px solid var(--soap-line);
  box-shadow:0 12px 26px -22px rgba(93,104,66,.5);
  transition:transform .35s ease, box-shadow .35s ease;
}
.soap-cert-list li:hover{ transform:translateY(-4px); box-shadow:0 20px 34px -22px rgba(161,87,54,.45); }
.soap-cert-list li i{
  display:inline-flex; align-items:center; justify-content:center;
  width:44px; height:44px; border-radius:50%; flex:0 0 44px;
  color:#fff; background:linear-gradient(135deg,var(--soap-sage),var(--soap-sage-deep));
}
.soap-cert-list li i svg{ width:22px; height:22px; }
.soap-cert-list li p{ margin:0; text-align:left; }
.soap-cert-list li p{ font-size:18px; font-weight:700; color:var(--soap-ink); line-height:1.2; }
.soap-cert-list li p span{ display:block; font-size:12px; font-weight:400; color:var(--soap-ink-soft); margin-top:3px; }

/* ================= 响应式 ================= */
@media(max-width:1560px){
  .soap-trust .w1500,.soap-capacity .w1500,.soap-process .w1500,.soap-factory .w1500{ width:auto; max-width:none; margin:0 5%; }
}
@media(max-width:1200px){
  .soap-trust-slogan strong{ font-size:34px; }
  .soap-capacity-list li p em{ font-size:44px; }
  .soap-process-list li{ max-width:calc(50% - 12px); }
}
@media(max-width:1024px){
  .soap-trust,.soap-capacity,.soap-process,.soap-factory{ padding:56px 0; }
  .soap-trust-list li{ flex:1 1 40%; min-width:calc(50% - 22px); }
  .soap-capacity-list li{ flex:1 1 33%; min-width:33%; margin-bottom:18px; }
  .soap-capacity-list li:nth-child(3n+1)::before{ display:none; }
  .soap-factory-grid{ grid-template-columns:repeat(2,1fr); }
}
@media(max-width:767px){
  .soap-trust,.soap-capacity,.soap-process,.soap-factory{ padding:44px 0; }
  .soap-trust .w1500,.soap-capacity .w1500,.soap-process .w1500,.soap-factory .w1500{ margin:0 20px; }
  .soap-trust-slogan strong{ font-size:26px; }
  .soap-trust-slogan span{ font-size:15px; }
  .soap-trust-list{ gap:14px; }
  .soap-trust-list li{ flex:1 1 100%; min-width:100%; padding:26px 20px; }
  .soap-capacity-list li{ flex:1 1 50%; min-width:50%; }
  .soap-capacity-list li::before{ display:none !important; }
  .soap-capacity-list li p em{ font-size:38px; }
  .soap-process-list{ gap:16px; }
  .soap-process-list li{ flex:1 1 100%; min-width:100%; max-width:100%; }
  .soap-factory-grid{ grid-template-columns:1fr; gap:16px; }
  .soap-photo{ aspect-ratio:16/9; }
  .soap-cert-list{ gap:12px; }
  .soap-cert-list li{ flex:1 1 100%; }
}