/* pages/cattle/cattle.wxss - 生产管理/牛羊管理样式 */
page {
  background-color: #f5f5f5;
  height: 100%;
}

.page-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: #f5f5f5;
}

.scroll-content {
  flex: 1;
  padding: 20rpx 0;
}

/* 区块样式 */
.section {
  margin-bottom: 30rpx;
}

.section-header {
  display: flex;
  align-items: center;
  margin: 0 30rpx 30rpx;
}

.header-line {
  width: 8rpx;
  height: 32rpx;
  background: linear-gradient(180deg, #52c41a 0%, #73d13d 100%);
  border-radius: 4rpx;
  margin-right: 16rpx;
}

.section-title {
  font-size: 34rpx;
  font-weight: bold;
  color: #333333;
}

/* 功能网格 */
.function-grid {
  display: flex;
  flex-wrap: wrap;
  padding: 0 20rpx;
  background-color: #ffffff;
  margin: 0 20rpx;
  border-radius: 16rpx;
  padding: 20rpx 10rpx;
}

.function-item {
  width: 20%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 40rpx;
}

.icon-box {
  width: 96rpx;
  height: 96rpx;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12rpx;
}

.item-icon {
  width: 48rpx;
  height: 48rpx;
}

.item-icon-text {
  font-size: 48rpx;
  line-height: 1;
}

.item-label {
  font-size: 24rpx;
  color: #333333;
  text-align: center;
  line-height: 1.4;
}

/* 图标背景颜色 */
.icon-cyan {
  background: linear-gradient(135deg, #E3F9FF 0%, #B3ECFF 100%);
}

.icon-orange {
  background: linear-gradient(135deg, #FFF3E0 0%, #FFE0B2 100%);
}

.icon-blue {
  background: linear-gradient(135deg, #E3F2FD 0%, #BBDEFB 100%);
}

.icon-yellow {
  background: linear-gradient(135deg, #FFF9E6 0%, #FFF3CC 100%);
}

.icon-green {
  background: linear-gradient(135deg, #E8F9F0 0%, #C3F0D3 100%);
}

.icon-purple {
  background: linear-gradient(135deg, #F3E5F5 0%, #E1BEE7 100%);
}

.icon-red {
  background: linear-gradient(135deg, #FFEBEE 0%, #FFCDD2 100%);
}

.icon-teal {
  background: linear-gradient(135deg, #E0F2F1 0%, #B2DFDB 100%);
}

.icon-indigo {
  background: linear-gradient(135deg, #E8EAF6 0%, #C5CAE9 100%);
}

.icon-pink {
  background: linear-gradient(135deg, #FCE4EC 0%, #F8BBD0 100%);
}

.icon-lime {
  background: linear-gradient(135deg, #F9FBE7 0%, #F0F4C3 100%);
}

/* 底部留白 */
.bottom-space {
  height: 40rpx;
}
