nongxiaoyu/unpackage/dist/dev/mp-weixin/pages/dashboard/index.wxss

.dashboard-container.data-v-a869e244 {
  padding: 30rpx 20rpx;
  background-color: #f8f9fa;
  min-height: 100vh;
}
.header-card.data-v-a869e244 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30rpx;
  background: linear-gradient(135deg, #4CAF50, #2E7D32);
  border-radius: 20rpx;
  margin-bottom: 24rpx;
  box-shadow: 0 8rpx 16rpx rgba(76, 175, 80, 0.2);
}
.header-card .header-left.data-v-a869e244 {
  flex: 1;
}
.header-card .header-right.data-v-a869e244 {
  display: flex;
  align-items: center;
}
.header-card .user-avatar.data-v-a869e244 {
  width: 90rpx;
  height: 90rpx;
  border-radius: 50%;
  overflow: hidden;
  background-color: #ffffff;
  box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.1);
}
.header-card .user-avatar .avatar-svg.data-v-a869e244 {
  width: 100%;
  height: 100%;
}
.header-card .welcome-text.data-v-a869e244 {
  font-size: 38rpx;
  font-weight: bold;
  color: #ffffff;
  margin-bottom: 12rpx;
}
.header-card .plot-info.data-v-a869e244 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.header-card .plot-info .plot-label.data-v-a869e244 {
  font-size: 28rpx;
  color: rgba(255, 255, 255, 0.9);
  margin-right: 4rpx;
}
.header-card .plot-info .plot-name.data-v-a869e244 {
  font-size: 28rpx;
  color: #ffffff;
  font-weight: 500;
  margin-right: 16rpx;
}
.header-card .plot-info .switch-plot-btn.data-v-a869e244 {
  display: flex;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 30rpx;
  padding: 4rpx 16rpx;
  margin-left: 8rpx;
}
.header-card .plot-info .switch-plot-btn text.data-v-a869e244 {
  font-size: 24rpx;
  color: #ffffff;
  margin-left: 4rpx;
}
.stats-grid.data-v-a869e244 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20rpx;
  margin-bottom: 24rpx;
}
.stats-grid .stat-card.data-v-a869e244 {
  background-color: #ffffff;
  border-radius: 16rpx;
  padding: 24rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.05);
}
.stats-grid .stat-card .stat-content.data-v-a869e244 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.stats-grid .stat-card .stat-content .stat-value.data-v-a869e244 {
  font-size: 40rpx;
  font-weight: bold;
  color: #333;
  margin-bottom: 10rpx;
}
.stats-grid .stat-card .stat-content .stat-label.data-v-a869e244 {
  font-size: 26rpx;
  color: #666;
}
.section-card.data-v-a869e244 {
  background-color: #ffffff;
  border-radius: 16rpx;
  box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.05);
  margin-bottom: 24rpx;
  overflow: hidden;
}
.section-card .card-header.data-v-a869e244 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20rpx 24rpx;
  border-bottom: 1px solid #f0f0f0;
}
.section-card .card-header .card-title.data-v-a869e244 {
  display: flex;
  align-items: center;
}
.section-card .card-header .card-title .title-icon.data-v-a869e244 {
  display: flex;
  align-items: center;
  margin-right: 12rpx;
}
.section-card .card-header .card-title .title-icon .icon-dot.data-v-a869e244 {
  width: 12rpx;
  height: 12rpx;
  border-radius: 6rpx;
  background-color: #4CAF50;
}
.section-card .card-header .card-title .title-text.data-v-a869e244 {
  font-size: 30rpx;
  font-weight: bold;
  color: #333;
}
.section-card .card-header .more-link.data-v-a869e244 {
  display: flex;
  align-items: center;
}
.section-card .card-header .more-link text.data-v-a869e244 {
  font-size: 24rpx;
  color: #4CAF50;
  margin-right: 6rpx;
}
.section-card .card-body.data-v-a869e244 {
  padding: 0;
  border: 1rpx solid rgba(76, 175, 80, 0.15);
  border-radius: 10rpx;
  overflow: hidden;
  box-shadow: 0 1rpx 4rpx rgba(0, 0, 0, 0.03);
}
.section-card .card-body .activity-item.data-v-a869e244:not(:last-child) {
  position: relative;
}
.section-card .card-body .activity-item.data-v-a869e244:not(:last-child):after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1rpx;
  background-color: #f2f2f2;
}
.activity-header.data-v-a869e244 {
  display: flex;
  margin-bottom: 0;
  padding-bottom: 18rpx;
  padding-top: 18rpx;
  border-bottom: 1rpx solid rgba(76, 175, 80, 0.1);
  background-color: rgba(76, 175, 80, 0.07);
  border-radius: 8rpx 8rpx 0 0;
}
.activity-header .activity-header-right.data-v-a869e244 {
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.activity-header .activity-header-right .header-title.data-v-a869e244 {
  flex: 1.5;
  font-size: 28rpx;
  color: #4CAF50;
  font-weight: bold;
  padding-left: 30rpx;
  text-align: left;
}
.activity-header .activity-header-right .header-executor.data-v-a869e244 {
  font-size: 28rpx;
  color: #4CAF50;
  font-weight: bold;
  width: 180rpx;
  text-align: center;
}
.activity-header .activity-header-right .header-date.data-v-a869e244 {
  font-size: 28rpx;
  color: #4CAF50;
  font-weight: bold;
  min-width: 250rpx;
  text-align: center;
  margin-right: 20rpx;
}
.activity-header .activity-header-right .header-action.data-v-a869e244 {
  width: 36rpx;
}
.activity-item.data-v-a869e244 {
  display: flex;
  margin-bottom: 0;
  padding: 24rpx 0;
  border-bottom: 1rpx solid #f2f2f2;
  height: 60rpx;
}
.activity-item.data-v-a869e244:last-child {
  border-bottom-left-radius: 8rpx;
  border-bottom-right-radius: 8rpx;
}
.activity-item .activity-right.data-v-a869e244 {
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 0;
  border-bottom: none;
  height: 100%;
}
.activity-item .activity-right .activity-content.data-v-a869e244 {
  flex: 1.5;
  padding-left: 30rpx;
  height: 100%;
  display: flex;
  align-items: center;
}
.activity-item .activity-right .activity-content .activity-title.data-v-a869e244 {
  font-size: 28rpx;
  color: #333;
  font-weight: 500;
  text-align: left;
  line-height: 1.4;
}
.activity-item .activity-right .activity-executor.data-v-a869e244 {
  font-size: 28rpx;
  color: #666;
  width: 180rpx;
  text-align: center;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.activity-item .activity-right .activity-date.data-v-a869e244 {
  font-size: 28rpx;
  color: #999;
  text-align: center;
  margin-right: 20rpx;
  min-width: 250rpx;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.activity-item .activity-right .activity-action.data-v-a869e244 {
  width: 36rpx;
}
.weather-card .card-body.data-v-a869e244 {
  padding: 0;
  background: #ffffff;
  border-radius: 12rpx;
  overflow: hidden;
}
.weather-card .weather-main.data-v-a869e244 {
  padding: 30rpx;
}
.weather-card .weather-top.data-v-a869e244 {
  display: flex;
  margin-bottom: 0;
}
.weather-card .weather-left.data-v-a869e244 {
  display: flex;
  align-items: flex-start;
  gap: 20rpx;
}
.weather-card .weather-icon-large.data-v-a869e244 {
  width: 48rpx;
  height: 48rpx;
  margin-top: 6rpx;
  flex-shrink: 0;
}
.weather-card .weather-info .temp-row.data-v-a869e244 {
  display: flex;
  align-items: center;
  gap: 16rpx;
}
.weather-card .weather-info .temp-row .temp-display.data-v-a869e244 {
  display: flex;
  align-items: flex-start;
}
.weather-card .weather-info .temp-row .temp-display .weather-temp.data-v-a869e244 {
  font-size: 48rpx;
  font-weight: 500;
  color: #333;
  line-height: 1;
}
.weather-card .weather-info .temp-row .temp-display .temp-unit.data-v-a869e244 {
  font-size: 24rpx;
  color: #666;
  margin-top: 6rpx;
  margin-left: 2rpx;
}
.weather-card .weather-info .temp-row .weather-desc.data-v-a869e244 {
  font-size: 28rpx;
  color: #666;
  margin-top: 4rpx;
}
.weather-card .weather-advice.data-v-a869e244 {
  background: #F8FFF9;
  border: 2rpx solid rgba(76, 175, 80, 0.15);
  border-radius: 12rpx;
  padding: 24rpx;
  margin-top: 24rpx;
}
.weather-card .weather-advice .advice-header.data-v-a869e244 {
  display: flex;
  align-items: center;
  gap: 8rpx;
  margin-bottom: 12rpx;
}
.weather-card .weather-advice .advice-header .advice-title.data-v-a869e244 {
  font-size: 28rpx;
  color: #4CAF50;
  font-weight: 500;
}
.weather-card .weather-advice .advice-content.data-v-a869e244 {
  font-size: 26rpx;
  color: #333;
  line-height: 1.5;
}
.weather-metrics.data-v-a869e244 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20rpx 30rpx;
  border-top: 2rpx solid #f5f5f5;
}
.weather-metrics .metric-item.data-v-a869e244 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.weather-metrics .metric-item .metric-label.data-v-a869e244 {
  font-size: 24rpx;
  color: #999;
  margin-bottom: 8rpx;
}
.weather-metrics .metric-item .metric-value.data-v-a869e244 {
  font-size: 28rpx;
  color: #333;
  font-weight: 500;
}
.weather-metrics .metric-divider.data-v-a869e244 {
  width: 2rpx;
  height: 40rpx;
  background: #f0f0f0;
  margin: 0 20rpx;
}
@keyframes rotate-a869e244 {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}
@keyframes float-a869e244 {
0%, 100% {
    transform: translateY(0);
}
50% {
    transform: translateY(-6rpx);
}
}
@keyframes rainDrop-a869e244 {
0%, 100% {
    transform: translateY(0);
}
50% {
    transform: translateY(2rpx);
}
}
.plot-selector.data-v-a869e244 {
  background-color: #ffffff;
  border-radius: 24rpx 24rpx 0 0;
  overflow: hidden;
}
.plot-selector .plot-selector-header.data-v-a869e244 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30rpx;
  border-bottom: 1rpx solid #f0f0f0;
}
.plot-selector .plot-selector-header .plot-selector-title.data-v-a869e244 {
  font-size: 32rpx;
  font-weight: bold;
  color: #333;
}
.plot-selector .plot-selector-body.data-v-a869e244 {
  max-height: 60vh;
  overflow-y: auto;
  padding: 0 30rpx;
}
.plot-selector .plot-selector-body .plot-selector-item.data-v-a869e244 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30rpx 0;
  border-bottom: 1rpx solid #f0f0f0;
}
.plot-selector .plot-selector-body .plot-selector-item.data-v-a869e244:last-child {
  border-bottom: none;
}
.plot-selector .plot-selector-body .plot-selector-item.active .plot-name.data-v-a869e244 {
  color: #4CAF50;
  font-weight: bold;
}
.plot-selector .plot-selector-body .plot-selector-item .plot-name.data-v-a869e244 {
  font-size: 30rpx;
  color: #333;
}
.stats-section.data-v-a869e244 {
  margin: 40rpx 32rpx;
}
.stats-section .stats-grid.data-v-a869e244 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40rpx 32rpx;
}
.stats-section .stat-card.data-v-a869e244 {
  background: #FAFAFA;
  border-radius: 24rpx;
  padding: 32rpx;
  box-shadow: 0 8rpx 32rpx rgba(0, 0, 0, 0.04);
  min-height: 320rpx;
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
}
.stats-section .stat-card.data-v-a869e244:hover {
  transform: translateY(-2rpx);
  box-shadow: 0 12rpx 48rpx rgba(0, 0, 0, 0.08);
}
.stats-section .stat-card .card-header.data-v-a869e244 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 32rpx;
  gap: 16rpx;
}
.stats-section .stat-card .card-header .icon-badge.data-v-a869e244 {
  width: 48rpx;
  height: 48rpx;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--primary-color, #4CAF50), var(--primary-dark, #2E7D32));
  box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.1);
}
.stats-section .stat-card .card-header .icon-badge .icon.data-v-a869e244 {
  font-size: 24rpx;
}
.stats-section .stat-card .card-header .card-title.data-v-a869e244 {
  font-size: 32rpx;
  color: #333;
  font-weight: 600;
}
.stats-section .stat-card .card-content.data-v-a869e244 {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.stats-section .stat-card .card-content .main-stats.data-v-a869e244 {
  display: flex;
  justify-content: space-around;
  gap: 24rpx;
  margin-bottom: 32rpx;
}
.stats-section .stat-card .card-content .main-stats .stat-item.data-v-a869e244 {
  flex: 1;
  text-align: center;
}
.stats-section .stat-card .card-content .main-stats .stat-item .number.data-v-a869e244 {
  font-size: 48rpx;
  font-weight: 600;
  color: #333;
  line-height: 1.5;
  display: block;
  animation: numberChange-a869e244 0.5s ease-out;
}
.stats-section .stat-card .card-content .main-stats .stat-item .label.data-v-a869e244 {
  font-size: 24rpx;
  color: #999;
  line-height: 1.5;
  display: block;
  margin-top: 8rpx;
}
.stats-section .stat-card .card-content .main-stats .stat-item .progress-circle.data-v-a869e244 {
  width: 96rpx;
  height: 96rpx;
  margin: 0 auto;
  border-radius: 50%;
  background: conic-gradient(var(--primary-color, #4CAF50) 80%, #f0f0f0 80%);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.stats-section .stat-card .card-content .main-stats .stat-item .progress-circle.data-v-a869e244::after {
  content: "";
  position: absolute;
  width: 80rpx;
  height: 80rpx;
  background: #FAFAFA;
  border-radius: 50%;
}
.stats-section .stat-card .card-content .main-stats .stat-item .progress-circle .progress-text.data-v-a869e244 {
  font-size: 28rpx;
  font-weight: 600;
  color: #333;
  z-index: 1;
}
.stats-section .stat-card .card-content .sub-info.data-v-a869e244 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8rpx;
  padding: 16rpx;
  background: rgba(0, 0, 0, 0.02);
  border-radius: 12rpx;
}
.stats-section .stat-card .card-content .sub-info .emoji.data-v-a869e244 {
  font-size: 28rpx;
}
.stats-section .stat-card .card-content .sub-info .info-text.data-v-a869e244 {
  font-size: 24rpx;
  color: #666;
  line-height: 1.5;
}
.stats-section .stat-card .card-content .sub-info.warning.data-v-a869e244 {
  background: rgba(255, 167, 38, 0.1);
}
.stats-section .stat-card .card-content .sub-info.warning .info-text.data-v-a869e244 {
  color: #F57C00;
}
@keyframes numberChange-a869e244 {
from {
    opacity: 0;
    transform: translateY(10rpx);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}