/* ===== 缺失的 Tailwind 工具类补充 ===== */

/* bioblue 色板 (#0891A6 系) */
.bg-bioblue-50 { background-color: #ECFEFF; }
.bg-bioblue-100 { background-color: #CFFAFE; }
.bg-bioblue-300 { background-color: #67E8F9; }
.bg-bioblue-500 { background-color: #0891A6; }
.text-bioblue-50 { color: #ECFEFF; }
.text-bioblue-300 { color: #67E8F9; }
.text-bioblue-500 { color: #0891A6; }
.text-bioblue-600 { color: #0E7490; }
.border-bioblue-100 { border-color: #CFFAFE; }
.border-bioblue-300 { border-color: #67E8F9; }
.border-bioblue-500 { border-color: #0891A6; }
.hover\:border-bioblue-300:hover { border-color: #67E8F9; }
.hover\:text-bioblue-500:hover { color: #0891A6; }
.hover\:bg-bioblue-50:hover { background-color: #ECFEFF; }

/* biogreen 色板 (#2d9b5e 系) */
.bg-biogreen-50 { background-color: #ECFDF5; }
.bg-biogreen-100 { background-color: #D1FAE5; }
.bg-biogreen-300 { background-color: #6EE7B7; }
.bg-biogreen-500 { background-color: #2d9b5e; }
.bg-biogreen-600 { background-color: #1B8A4F; }
.text-biogreen-100 { color: #D1FAE5; }
.text-biogreen-500 { color: #2d9b5e; }
.text-biogreen-600 { color: #1B8A4F; }
.border-biogreen-100 { border-color: #D1FAE5; }

/* teal 色板 */
.bg-teal-50 { background-color: #F0FDFA; }
.bg-teal-400 { background-color: #2DD4BF; }
.bg-teal-500 { background-color: #14B8A6; }
.text-teal-400 { color: #2DD4BF; }
.text-teal-600 { color: #0D9488; }
.text-teal-700 { color: #0F766E; }
.border-teal-200 { border-color: #99F6E4; }
.border-teal-400 { border-color: #2DD4BF; }

/* cyan 色板 */
.bg-cyan-500 { background-color: #06B6D4; }
.text-cyan-400 { color: #22D3EE; }

/* emerald 色板 */
.bg-emerald-500 { background-color: #10B981; }
.text-emerald-400 { color: #34D399; }

/* slate 色板 */
.text-slate-400 { color: #94A3B8; }
.text-slate-500 { color: #64748B; }

/* aspect-ratio */
.aspect-square { aspect-ratio: 1/1; }

/* line-clamp */
.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

/* 产品相关 */
.product-img-bg { background: linear-gradient(135deg, #f0fdfa 0%, #ecfeff 100%); }

/* tab 样式 */
.tab-active {
  background: linear-gradient(135deg, #0891A6 0%, #14B8A6 100%);
  color: #fff;
  border-color: transparent;
}

/* ===== 修复 gradient-bg 被 bg-white 覆盖 ===== */
.gradient-bg {
  background: linear-gradient(135deg, #0891A6 0%, #0D9488 50%, #14B8A6 100%) !important;
}
.gradient-bg-soft {
  background: linear-gradient(135deg, rgba(8,145,166,0.05) 0%, rgba(20,184,166,0.05) 100%) !important;
}