.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); } }