/* ============ 首页样式 ============ */
/* ---- 全屏轮播 ---- */
.hero{position:relative;height:100vh;min-height:560px;overflow:hidden;}
.slide{
  position:absolute;inset:0;display:flex;align-items:center;
  padding:0 8vw;opacity:0;transition:opacity .8s ease;pointer-events:none;
}
.slide.active{opacity:1;pointer-events:auto;}
.slide.s1{background:linear-gradient(120deg,#062b1d 0%,#0a4d33 55%,#0d6b46 100%);}
.slide.s2{background:linear-gradient(120deg,#101826 0%,#1b2a45 60%,#27406b 100%);}
.slide.s3{background:linear-gradient(120deg,#2b1a08 0%,#54341a 55%,#7a4f27 100%);}
.slide.s4{background:linear-gradient(120deg,#15181d 0%,#2a2f3a 60%,#3a4150 100%);}
/* 背景图模式：整屏图片 + 左侧深色渐变保证文字可读 */
.slide.has-img{background-size:cover;background-position:center;}
.slide .img-shade{
  position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(8,16,12,.72) 0%,rgba(8,16,12,.38) 45%,rgba(8,16,12,.12) 100%);
}
.slide-text{color:#fff;max-width:560px;position:relative;z-index:2;}
.slide-text .tag{
  display:inline-block;font-size:13px;letter-spacing:2px;
  border:1px solid rgba(255,255,255,.45);border-radius:20px;
  padding:5px 16px;margin-bottom:22px;opacity:.9;
}
.slide-text h2{font-size:52px;line-height:1.22;font-weight:700;margin-bottom:16px;color:#fff;}
.slide-text p{font-size:19px;opacity:.85;margin-bottom:36px;letter-spacing:.5px;}
.slide .btn{border-color:#fff;color:#fff;}
.slide .btn:hover{background:#fff;color:var(--ink);}
.slide .btn.solid{background:var(--brand);border-color:var(--brand);}
.slide .btn.solid:hover{background:var(--brand-dark);border-color:var(--brand-dark);color:#fff;}
/* 轮播装饰图形 */
.deco{position:absolute;right:10vw;top:50%;transform:translateY(-50%);width:340px;height:340px;}
.deco .ring{position:absolute;inset:0;border:2px solid rgba(255,255,255,.16);border-radius:50%;}
.deco .ring.r2{inset:44px;border-color:rgba(255,255,255,.28);}
.deco .ring.r3{inset:92px;background:rgba(255,255,255,.09);border:none;}
.deco .core{
  position:absolute;inset:128px;border-radius:18px;
  background:linear-gradient(145deg,#fff,#dfe8e3);
  box-shadow:0 18px 50px rgba(0,0,0,.35);
  display:flex;align-items:center;justify-content:center;
  font-size:44px;font-weight:800;color:var(--brand);
}
.dots{position:absolute;bottom:36px;left:50%;transform:translateX(-50%);display:flex;gap:12px;z-index:5;}
.dot{width:26px;height:4px;border-radius:3px;background:rgba(255,255,255,.4);cursor:pointer;transition:background .3s;}
.dot.on{background:#fff;}
.hero-arrows{position:absolute;bottom:28px;right:5vw;display:flex;gap:10px;z-index:5;}
.arrow{
  width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.5);
  color:#fff;background:transparent;cursor:pointer;font-size:18px;transition:all .25s;
}
.arrow:hover{background:#fff;color:var(--ink);}

/* ---- 产品分类宫格 ---- */
.cats{background:var(--bg);}
.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;max-width:1280px;margin:0 auto;}
.cat-card{
  background:var(--card);border-radius:var(--radius);padding:36px 28px;
  box-shadow:0 3px 14px rgba(0,0,0,.05);transition:all .3s;cursor:pointer;
  position:relative;overflow:hidden;
}
.cat-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);}
.cat-icon{width:60px;height:60px;border-radius:16px;margin-bottom:22px;display:flex;align-items:center;justify-content:center;}
.cat-icon svg{width:30px;height:30px;stroke:#fff;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.cat-icon img{width:100%;height:100%;object-fit:cover;border-radius:16px;}
.ci-g{background:linear-gradient(135deg,#00c26f,#00e08a);}
.ci-b{background:linear-gradient(135deg,#2f7bf6,#6aa9ff);}
.ci-p{background:linear-gradient(135deg,#8f5bf0,#b78cff);}
.ci-o{background:linear-gradient(135deg,#f59b2c,#ffc06b);}
.ci-t{background:linear-gradient(135deg,#12b5c9,#5ad4e3);}
.ci-r{background:linear-gradient(135deg,#f0526a,#ff8a9c);}
.ci-y{background:linear-gradient(135deg,#c9b22a,#e6d45c);}
.ci-d{background:linear-gradient(135deg,#3d4a5c,#66788f);}
.cat-card h3{font-size:19px;margin-bottom:8px;}
.cat-card p{font-size:13.5px;color:var(--ink-3);line-height:1.7;}
.cat-card .more{
  margin-top:20px;font-size:13.5px;color:var(--brand);font-weight:600;
  display:flex;align-items:center;gap:6px;opacity:0;transform:translateX(-8px);transition:all .3s;
}
.cat-card:hover .more{opacity:1;transform:translateX(0);}

/* ---- 品牌故事横幅 ---- */
.story{
  position:relative;padding:120px 6vw;text-align:center;color:#fff;
  background:linear-gradient(rgba(6,30,20,.72),rgba(6,30,20,.72)),linear-gradient(120deg,#06281b,#0f7a4d);
}
.story h2{font-size:38px;margin-bottom:20px;letter-spacing:2px;color:#fff;}
.story p{max-width:720px;margin:0 auto 36px;font-size:16px;line-height:1.9;opacity:.88;}
.story .nums{display:flex;justify-content:center;gap:8vw;margin-top:60px;flex-wrap:wrap;}
.story .num b{font-size:44px;font-weight:800;display:block;}
.story .num b i{color:#4fe3a0;font-style:normal;}
.story .num span{font-size:14px;opacity:.75;letter-spacing:1px;}
.story .btn{border-color:#fff;color:#fff;}
.story .btn:hover{background:#fff;color:var(--ink);}

@media (max-width:960px){
  .slide-text h2{font-size:34px;}
  .deco{display:none;}
  .cat-grid{grid-template-columns:repeat(2,1fr);}
}