.tab-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:44px;padding:8px;background:linear-gradient(135deg,#f4faf6,#eaf7ee);border-radius:16px;position:sticky;top:70px;z-index:30}
.tab-btn{border:0;background:transparent;padding:12px 22px;border-radius:12px;color:var(--text-muted);font-size:15px;font-weight:600;cursor:pointer;transition:all .25s ease;white-space:nowrap}
.tab-btn:hover{color:var(--primary-dark);background:rgba(255,255,255,.7)}
.tab-btn.active{background:var(--primary);color:#fff;box-shadow:0 8px 20px rgba(26,92,68,.3)}
.tab-panels{position:relative}
.tab-panel{display:none;animation:tabIn .45s ease}
.tab-panel.active{display:block}
@keyframes tabIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

.plant-panel-head{margin-bottom:18px}
.plant-panel-head h2{font-size:28px;color:var(--dark);font-weight:700;margin-bottom:8px}
.plant-panel-sub{color:var(--primary-dark);font-size:15px;font-weight:600;margin:0}
.plant-intro{font-size:15px;color:var(--text-muted);line-height:1.9;margin-bottom:30px}

.plant-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.plant-card{display:block;text-decoration:none;color:inherit;background:#fff;border-radius:16px;overflow:hidden;border:1px solid rgba(26,92,68,.08);box-shadow:0 4px 16px rgba(15,58,44,.04);transition:all .35s ease}
.plant-card:hover{transform:translateY(-5px);box-shadow:0 16px 36px rgba(15,58,44,.12);border-color:var(--primary-light)}
.plant-media{width:100%;aspect-ratio:3/4;overflow:hidden;position:relative}
.plant-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease;-webkit-user-drag:none;user-select:none;-webkit-touch-callout:none}
.plant-card:hover .plant-media img{transform:scale(1.06)}
.plant-body{padding:20px 22px 24px}
.plant-body h3{font-size:17px;color:var(--dark);font-weight:700;margin-bottom:8px}
.plant-body p{font-size:13px;color:var(--text-muted);line-height:1.8;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

.engineering-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}
.engineering-text h2{font-size:30px;color:var(--dark);font-weight:700;margin:10px 0 12px}
.engineering-sub{color:var(--primary-dark);font-size:16px;font-weight:600;margin-bottom:20px}
.engineering-desc{font-size:15px;color:var(--text-muted);line-height:1.9;margin-bottom:22px}
.engineering-list{list-style:none;padding:0;margin:0 0 24px}
.engineering-list li{font-size:15px;color:var(--text-regular);line-height:2;padding-left:28px;position:relative}
.engineering-list li::before{content:"";position:absolute;left:0;top:13px;width:14px;height:14px;border-radius:50%;background:var(--primary);box-shadow:inset 0 0 0 3px #fff,0 0 0 1px var(--primary)}
.engineering-media{border-radius:18px;overflow:hidden;aspect-ratio:4/3;box-shadow:0 24px 52px rgba(15,58,44,.22)}
.engineering-media img{width:100%;height:100%;object-fit:cover;display:block}

@media(max-width:1199px){
  .plant-grid{grid-template-columns:repeat(2,1fr)}
  .inner-page-banner h1{font-size:32px}
}
@media(max-width:768px){
  .tab-nav{padding:6px;gap:6px;margin-bottom:30px;top:56px;overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start}
  .tab-btn{padding:10px 14px;font-size:13px;flex:0 0 auto}
  .plant-grid{grid-template-columns:repeat(2,1fr);gap:14px}
  .plant-body{padding:14px 14px 18px}
  .plant-body h3{font-size:14px}
  .plant-body p{font-size:12px;line-height:1.6}
  .plant-panel-head h2{font-size:22px}
  .engineering-grid{grid-template-columns:1fr;gap:32px}
  .engineering-text h2{font-size:22px}
}