index.wxss 20 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736
  1. .dashboard-container.data-v-a869e244 {
  2. padding: 24rpx;
  3. background-color: #F6FDF9;
  4. min-height: 100vh;
  5. }
  6. .user-info-card.data-v-a869e244 {
  7. display: flex;
  8. justify-content: space-between;
  9. align-items: center;
  10. background: white;
  11. border-radius: 20rpx;
  12. padding: 24rpx 28rpx;
  13. margin-bottom: 24rpx;
  14. box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.04);
  15. }
  16. .user-info-card .user-info.data-v-a869e244 {
  17. flex: 1;
  18. }
  19. .user-info-card .user-info .greeting.data-v-a869e244 {
  20. font-size: 32rpx;
  21. font-weight: 600;
  22. color: #2C3E50;
  23. margin-bottom: 8rpx;
  24. }
  25. .user-info-card .user-info .plot-info.data-v-a869e244 {
  26. display: flex;
  27. align-items: center;
  28. }
  29. .user-info-card .user-info .plot-info .plot-label.data-v-a869e244 {
  30. font-size: 24rpx;
  31. color: #8C9396;
  32. }
  33. .user-info-card .user-info .plot-info .plot-name.data-v-a869e244 {
  34. font-size: 24rpx;
  35. color: #2C3E50;
  36. margin: 0 8rpx;
  37. }
  38. .user-info-card .user-info .plot-info .switch-plot-btn.data-v-a869e244 {
  39. display: flex;
  40. align-items: center;
  41. justify-content: center;
  42. background: linear-gradient(135deg, #3BB44A, #66CC6A);
  43. border-radius: 16rpx;
  44. padding: 4rpx 16rpx;
  45. box-shadow: 0 2rpx 8rpx rgba(59, 180, 74, 0.25);
  46. }
  47. .user-info-card .user-info .plot-info .switch-plot-btn text.data-v-a869e244 {
  48. font-size: 22rpx;
  49. color: white;
  50. }
  51. .user-info-card .avatar-container .avatar.data-v-a869e244 {
  52. width: 80rpx;
  53. height: 80rpx;
  54. border-radius: 50%;
  55. background-color: rgba(59, 180, 74, 0.1);
  56. border: 2px solid rgba(255, 255, 255, 0.8);
  57. box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.05);
  58. overflow: hidden;
  59. }
  60. .user-info-card .avatar-container .avatar image.data-v-a869e244 {
  61. width: 100%;
  62. height: 100%;
  63. object-fit: cover;
  64. }
  65. .stats-overview.data-v-a869e244 {
  66. display: grid;
  67. grid-template-columns: repeat(2, 1fr);
  68. gap: 16rpx;
  69. margin-bottom: 24rpx;
  70. }
  71. .stats-overview .alert-card.data-v-a869e244 {
  72. background: white;
  73. border-radius: 16rpx;
  74. padding: 20rpx;
  75. display: flex;
  76. flex-direction: column;
  77. box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.05);
  78. position: relative;
  79. overflow: hidden;
  80. transition: transform 0.2s, box-shadow 0.2s;
  81. }
  82. .stats-overview .alert-card.data-v-a869e244:active {
  83. transform: translateY(2rpx);
  84. box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.03);
  85. }
  86. .stats-overview .alert-card.data-v-a869e244::after {
  87. content: "";
  88. position: absolute;
  89. right: 12rpx;
  90. bottom: 12rpx;
  91. width: 16rpx;
  92. height: 16rpx;
  93. border-top: 2rpx solid #E0E0E0;
  94. border-right: 2rpx solid #E0E0E0;
  95. transform: rotate(45deg);
  96. opacity: 0.5;
  97. }
  98. .stats-overview .alert-card .alert-header.data-v-a869e244 {
  99. display: flex;
  100. align-items: center;
  101. margin-bottom: 12rpx;
  102. }
  103. .stats-overview .alert-card .alert-header .alert-icon-container.data-v-a869e244 {
  104. margin-right: 12rpx;
  105. width: 40rpx;
  106. height: 40rpx;
  107. display: flex;
  108. align-items: center;
  109. justify-content: center;
  110. }
  111. .stats-overview .alert-card .alert-header .alert-icon-container .custom-icon.data-v-a869e244 {
  112. width: 40rpx;
  113. height: 40rpx;
  114. object-fit: contain;
  115. }
  116. .stats-overview .alert-card .alert-header .alert-title.data-v-a869e244 {
  117. font-size: 26rpx;
  118. color: #333333;
  119. font-weight: 600;
  120. }
  121. .stats-overview .alert-card .alert-value.data-v-a869e244 {
  122. font-size: 30rpx;
  123. font-weight: 700;
  124. color: #3BB44A;
  125. margin-bottom: 6rpx;
  126. line-height: 1.2;
  127. padding-left: 52rpx;
  128. }
  129. .stats-overview .alert-card .alert-description.data-v-a869e244 {
  130. font-size: 22rpx;
  131. color: #757575;
  132. padding-left: 52rpx;
  133. }
  134. .card.data-v-a869e244 {
  135. background: white;
  136. border-radius: 20rpx;
  137. box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.04), 0 1rpx 4rpx rgba(0, 0, 0, 0.02);
  138. margin-bottom: 24rpx;
  139. overflow: hidden;
  140. }
  141. .card .card-header.data-v-a869e244 {
  142. display: flex;
  143. justify-content: space-between;
  144. align-items: center;
  145. padding: 24rpx 28rpx;
  146. border-bottom: 1px solid rgba(0, 0, 0, 0.03);
  147. }
  148. .card .card-header .title-section.data-v-a869e244 {
  149. display: flex;
  150. align-items: center;
  151. }
  152. .card .card-header .title-section .title-line.data-v-a869e244 {
  153. width: 4rpx;
  154. height: 28rpx;
  155. border-radius: 0;
  156. background: linear-gradient(180deg, #3BB44A, #66CC6A);
  157. margin-right: 16rpx;
  158. }
  159. .card .card-header .title-section .card-title.data-v-a869e244 {
  160. font-size: 28rpx;
  161. font-weight: 600;
  162. color: #2C3E50;
  163. }
  164. .card .card-header .period-selector.data-v-a869e244 {
  165. display: flex;
  166. background: rgba(0, 0, 0, 0.03);
  167. border-radius: 20rpx;
  168. padding: 2rpx;
  169. }
  170. .card .card-header .period-selector .period.data-v-a869e244 {
  171. font-size: 22rpx;
  172. color: #8C9396;
  173. padding: 8rpx 16rpx;
  174. border-radius: 16rpx;
  175. }
  176. .card .card-header .period-selector .period.active.data-v-a869e244 {
  177. background: white;
  178. color: #3BB44A;
  179. font-weight: 500;
  180. box-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.05);
  181. }
  182. .card .card-header .action-button.data-v-a869e244 {
  183. display: flex;
  184. align-items: center;
  185. background: linear-gradient(135deg, #3BB44A, #66CC6A);
  186. border-radius: 24rpx;
  187. padding: 8rpx 16rpx;
  188. box-shadow: 0 2rpx 8rpx rgba(59, 180, 74, 0.25);
  189. }
  190. .card .card-header .action-button text.data-v-a869e244 {
  191. font-size: 22rpx;
  192. color: white;
  193. margin-right: 6rpx;
  194. }
  195. .farm-performance .performance-stats.data-v-a869e244 {
  196. display: flex;
  197. padding: 24rpx 28rpx;
  198. }
  199. .farm-performance .performance-stats .metric-column.data-v-a869e244 {
  200. flex: 1;
  201. display: flex;
  202. flex-direction: column;
  203. }
  204. .farm-performance .performance-stats .metric-column .metric-value.data-v-a869e244 {
  205. font-size: 48rpx;
  206. font-weight: 700;
  207. color: #2C3E50;
  208. margin-bottom: 6rpx;
  209. line-height: 1.1;
  210. }
  211. .farm-performance .performance-stats .metric-column .metric-value .metric-unit.data-v-a869e244 {
  212. font-size: 24rpx;
  213. font-weight: 500;
  214. color: #8C9396;
  215. margin-left: 4rpx;
  216. }
  217. .farm-performance .performance-stats .metric-column .metric-label.data-v-a869e244 {
  218. font-size: 24rpx;
  219. color: #8C9396;
  220. margin-bottom: 12rpx;
  221. }
  222. .farm-performance .performance-stats .metric-column .growth.data-v-a869e244 {
  223. display: flex;
  224. align-items: center;
  225. font-size: 22rpx;
  226. }
  227. .farm-performance .performance-stats .metric-column .growth.positive.data-v-a869e244 {
  228. color: #3BB44A;
  229. }
  230. .farm-performance .performance-stats .metric-column .growth.negative.data-v-a869e244 {
  231. color: #FF5252;
  232. }
  233. .farm-performance .performance-stats .metric-divider.data-v-a869e244 {
  234. width: 1px;
  235. background: rgba(0, 0, 0, 0.04);
  236. margin: 0 28rpx;
  237. }
  238. .farm-performance .chart-container.data-v-a869e244 {
  239. padding: 24rpx 28rpx;
  240. }
  241. .farm-performance .chart-container .chart-header.data-v-a869e244 {
  242. display: flex;
  243. justify-content: space-between;
  244. align-items: center;
  245. margin-bottom: 16rpx;
  246. }
  247. .farm-performance .chart-container .chart-header .chart-title.data-v-a869e244 {
  248. font-size: 28rpx;
  249. font-weight: 600;
  250. color: #2C3E50;
  251. }
  252. .farm-performance .chart-container .chart-header .chart-legend.data-v-a869e244 {
  253. display: flex;
  254. align-items: center;
  255. }
  256. .farm-performance .chart-container .chart-header .chart-legend .legend-item.data-v-a869e244 {
  257. display: flex;
  258. align-items: center;
  259. margin-left: 16rpx;
  260. }
  261. .farm-performance .chart-container .chart-header .chart-legend .legend-item .legend-color.data-v-a869e244 {
  262. width: 16rpx;
  263. height: 16rpx;
  264. border-radius: 4rpx;
  265. margin-right: 8rpx;
  266. }
  267. .farm-performance .chart-container .chart-header .chart-legend .legend-item text.data-v-a869e244 {
  268. font-size: 22rpx;
  269. color: #8C9396;
  270. }
  271. .farm-performance .chart-container .chart-body.data-v-a869e244 {
  272. display: flex;
  273. height: 240rpx;
  274. position: relative;
  275. margin-top: 12rpx;
  276. }
  277. .farm-performance .chart-container .chart-body .y-axis.data-v-a869e244 {
  278. width: 40rpx;
  279. height: 200rpx;
  280. display: flex;
  281. flex-direction: column;
  282. justify-content: space-between;
  283. text-align: right;
  284. padding-right: 16rpx;
  285. margin-bottom: 30rpx;
  286. }
  287. .farm-performance .chart-container .chart-body .y-axis text.data-v-a869e244 {
  288. font-size: 22rpx;
  289. color: #8C9396;
  290. }
  291. .farm-performance .chart-container .chart-body .bars-container.data-v-a869e244 {
  292. flex: 1;
  293. display: flex;
  294. justify-content: space-around;
  295. height: 200rpx;
  296. position: relative;
  297. }
  298. .farm-performance .chart-container .chart-body .bars-container.data-v-a869e244::before {
  299. content: "";
  300. position: absolute;
  301. left: 0;
  302. bottom: 0;
  303. width: 100%;
  304. height: 1px;
  305. background-color: #E0E0E0;
  306. }
  307. .farm-performance .chart-container .chart-body .bars-container .month-group.data-v-a869e244 {
  308. display: flex;
  309. flex-direction: column;
  310. align-items: center;
  311. width: 14%;
  312. }
  313. .farm-performance .chart-container .chart-body .bars-container .month-group .bar-wrapper.data-v-a869e244 {
  314. height: 200rpx;
  315. width: 70%;
  316. display: flex;
  317. justify-content: center;
  318. position: relative;
  319. }
  320. .farm-performance .chart-container .chart-body .bars-container .month-group .bar-wrapper .bar.data-v-a869e244 {
  321. position: absolute;
  322. bottom: 0;
  323. width: 45%;
  324. border-radius: 4rpx 4rpx 0 0;
  325. transition: height 0.3s ease;
  326. }
  327. .farm-performance .chart-container .chart-body .bars-container .month-group .bar-wrapper .last-year.data-v-a869e244 {
  328. left: 0;
  329. background: #E0E0E0;
  330. }
  331. .farm-performance .chart-container .chart-body .bars-container .month-group .bar-wrapper .this-year.data-v-a869e244 {
  332. right: 0;
  333. background: #3BB44A;
  334. }
  335. .farm-performance .chart-container .chart-body .bars-container .month-group .month-label.data-v-a869e244 {
  336. font-size: 22rpx;
  337. color: #8C9396;
  338. margin-top: 8rpx;
  339. }
  340. .crop-portfolio .crop-grid.data-v-a869e244 {
  341. padding: 16rpx;
  342. display: grid;
  343. grid-template-columns: repeat(2, 1fr);
  344. gap: 16rpx;
  345. }
  346. .crop-portfolio .crop-item.data-v-a869e244 {
  347. padding: 16rpx;
  348. background: rgba(0, 0, 0, 0.01);
  349. border-radius: 16rpx;
  350. display: flex;
  351. align-items: center;
  352. }
  353. .crop-portfolio .crop-item .crop-icon.data-v-a869e244 {
  354. width: 48rpx;
  355. height: 48rpx;
  356. border-radius: 12rpx;
  357. display: flex;
  358. align-items: center;
  359. justify-content: center;
  360. margin-right: 16rpx;
  361. }
  362. .crop-portfolio .crop-item .crop-icon .crop-icon-text.data-v-a869e244 {
  363. font-size: 24rpx;
  364. }
  365. .crop-portfolio .crop-item .crop-details.data-v-a869e244 {
  366. flex: 1;
  367. }
  368. .crop-portfolio .crop-item .crop-details .crop-info.data-v-a869e244 {
  369. display: flex;
  370. justify-content: space-between;
  371. align-items: center;
  372. margin-bottom: 10rpx;
  373. }
  374. .crop-portfolio .crop-item .crop-details .crop-info .crop-name.data-v-a869e244 {
  375. font-size: 26rpx;
  376. font-weight: 600;
  377. color: #2C3E50;
  378. }
  379. .crop-portfolio .crop-item .crop-details .crop-info .crop-area.data-v-a869e244 {
  380. font-size: 22rpx;
  381. color: #8C9396;
  382. }
  383. .crop-portfolio .crop-item .crop-details .crop-stats.data-v-a869e244 {
  384. display: flex;
  385. align-items: center;
  386. }
  387. .crop-portfolio .crop-item .crop-details .crop-stats .crop-progress-container.data-v-a869e244 {
  388. flex: 1;
  389. height: 8rpx;
  390. background: rgba(0, 0, 0, 0.03);
  391. border-radius: 4rpx;
  392. margin-right: 12rpx;
  393. overflow: hidden;
  394. }
  395. .crop-portfolio .crop-item .crop-details .crop-stats .crop-progress-container .crop-progress.data-v-a869e244 {
  396. height: 100%;
  397. border-radius: 4rpx;
  398. }
  399. .crop-portfolio .crop-item .crop-details .crop-stats .crop-progress-text.data-v-a869e244 {
  400. font-size: 22rpx;
  401. color: #8C9396;
  402. min-width: 36rpx;
  403. text-align: right;
  404. }
  405. .resource-efficiency .resource-grid.data-v-a869e244 {
  406. padding: 16rpx;
  407. display: grid;
  408. grid-template-columns: repeat(2, 1fr);
  409. gap: 16rpx;
  410. }
  411. .resource-efficiency .resource-item.data-v-a869e244 {
  412. padding: 16rpx;
  413. background: rgba(0, 0, 0, 0.01);
  414. border-radius: 16rpx;
  415. }
  416. .resource-efficiency .resource-item .resource-header.data-v-a869e244 {
  417. display: flex;
  418. align-items: center;
  419. margin-bottom: 12rpx;
  420. }
  421. .resource-efficiency .resource-item .resource-header .icon-tile.data-v-a869e244 {
  422. width: 28rpx;
  423. height: 28rpx;
  424. border-radius: 6rpx;
  425. display: flex;
  426. align-items: center;
  427. justify-content: center;
  428. margin-right: 10rpx;
  429. }
  430. .resource-efficiency .resource-item .resource-header .icon-tile.small.data-v-a869e244 {
  431. width: 28rpx;
  432. height: 28rpx;
  433. }
  434. .resource-efficiency .resource-item .resource-header .resource-name.data-v-a869e244 {
  435. font-size: 24rpx;
  436. color: #8C9396;
  437. }
  438. .resource-efficiency .resource-item .resource-value.data-v-a869e244 {
  439. margin-bottom: 12rpx;
  440. }
  441. .resource-efficiency .resource-item .resource-value .value.data-v-a869e244 {
  442. font-size: 36rpx;
  443. font-weight: 700;
  444. color: #2C3E50;
  445. }
  446. .resource-efficiency .resource-item .resource-value .unit.data-v-a869e244 {
  447. font-size: 22rpx;
  448. color: #8C9396;
  449. margin-left: 4rpx;
  450. }
  451. .resource-efficiency .resource-item .resource-progress-container .resource-progress-bg.data-v-a869e244 {
  452. height: 8rpx;
  453. background: rgba(0, 0, 0, 0.03);
  454. border-radius: 4rpx;
  455. margin-bottom: 8rpx;
  456. overflow: hidden;
  457. }
  458. .resource-efficiency .resource-item .resource-progress-container .resource-progress-bg .resource-progress.data-v-a869e244 {
  459. height: 100%;
  460. border-radius: 4rpx;
  461. }
  462. .resource-efficiency .resource-item .resource-progress-container .resource-efficiency.data-v-a869e244 {
  463. font-size: 22rpx;
  464. color: #8C9396;
  465. }
  466. .farm-activities .activities-list.data-v-a869e244 {
  467. padding: 8rpx 0;
  468. }
  469. .farm-activities .activity-item.data-v-a869e244 {
  470. display: flex;
  471. align-items: center;
  472. padding: 20rpx 28rpx;
  473. border-bottom: 1px solid rgba(0, 0, 0, 0.02);
  474. }
  475. .farm-activities .activity-item.data-v-a869e244:last-child {
  476. border-bottom: none;
  477. }
  478. .farm-activities .activity-item .activity-dot.data-v-a869e244 {
  479. width: 10rpx;
  480. height: 10rpx;
  481. border-radius: 50%;
  482. margin-right: 16rpx;
  483. flex-shrink: 0;
  484. }
  485. .farm-activities .activity-item .activity-dot.completed.data-v-a869e244 {
  486. background: #4CAF50;
  487. }
  488. .farm-activities .activity-item .activity-dot.pending.data-v-a869e244 {
  489. background: #FFC107;
  490. }
  491. .farm-activities .activity-item .activity-dot.failed.data-v-a869e244 {
  492. background: #FF5252;
  493. }
  494. .farm-activities .activity-item .activity-details.data-v-a869e244 {
  495. flex: 1;
  496. }
  497. .farm-activities .activity-item .activity-details .activity-title-row.data-v-a869e244 {
  498. display: flex;
  499. justify-content: space-between;
  500. align-items: center;
  501. margin-bottom: 6rpx;
  502. }
  503. .farm-activities .activity-item .activity-details .activity-title-row .activity-title.data-v-a869e244 {
  504. font-size: 26rpx;
  505. font-weight: 500;
  506. color: #2C3E50;
  507. }
  508. .farm-activities .activity-item .activity-details .activity-title-row .activity-date.data-v-a869e244 {
  509. font-size: 22rpx;
  510. color: #8C9396;
  511. }
  512. .farm-activities .activity-item .activity-details .activity-meta-row.data-v-a869e244 {
  513. display: flex;
  514. justify-content: space-between;
  515. align-items: center;
  516. }
  517. .farm-activities .activity-item .activity-details .activity-meta-row .activity-executor.data-v-a869e244 {
  518. font-size: 22rpx;
  519. color: #8C9396;
  520. }
  521. .farm-activities .activity-item .activity-details .activity-meta-row .activity-action.data-v-a869e244 {
  522. display: flex;
  523. align-items: center;
  524. }
  525. .farm-activities .activity-item .activity-details .activity-meta-row .activity-action .action-text.data-v-a869e244 {
  526. font-size: 22rpx;
  527. color: #3BB44A;
  528. margin-right: 6rpx;
  529. }
  530. .weather-card .weather-content.data-v-a869e244 {
  531. padding: 20rpx 28rpx;
  532. }
  533. .weather-card .current-weather.data-v-a869e244 {
  534. display: flex;
  535. align-items: center;
  536. margin-bottom: 24rpx;
  537. }
  538. .weather-card .current-weather .weather-icon-container.data-v-a869e244 {
  539. margin-right: 20rpx;
  540. }
  541. .weather-card .current-weather .weather-icon-container .weather-icon.data-v-a869e244 {
  542. font-size: 60rpx;
  543. line-height: 1;
  544. }
  545. .weather-card .current-weather .weather-details .weather-temp.data-v-a869e244 {
  546. font-size: 48rpx;
  547. font-weight: 700;
  548. color: #2C3E50;
  549. line-height: 1.1;
  550. }
  551. .weather-card .current-weather .weather-details .weather-desc.data-v-a869e244 {
  552. font-size: 26rpx;
  553. color: #8C9396;
  554. }
  555. .weather-card .weather-metrics.data-v-a869e244 {
  556. display: flex;
  557. justify-content: space-between;
  558. align-items: center;
  559. padding: 16rpx 24rpx;
  560. margin-bottom: 24rpx;
  561. border-radius: 12rpx;
  562. background-color: rgba(247, 247, 247, 0.5);
  563. border: 1px solid rgba(0, 0, 0, 0.03);
  564. }
  565. .weather-card .weather-metrics .weather-metric.data-v-a869e244 {
  566. flex: 1;
  567. display: flex;
  568. flex-direction: column;
  569. align-items: center;
  570. }
  571. .weather-card .weather-metrics .weather-metric .metric-label.data-v-a869e244 {
  572. font-size: 22rpx;
  573. color: #8C9396;
  574. margin-bottom: 6rpx;
  575. }
  576. .weather-card .weather-metrics .weather-metric .metric-value.data-v-a869e244 {
  577. font-size: 28rpx;
  578. font-weight: 600;
  579. color: #2C3E50;
  580. }
  581. .weather-card .weather-metrics .vertical-divider.data-v-a869e244 {
  582. width: 1px;
  583. height: 36rpx;
  584. background-color: rgba(0, 0, 0, 0.05);
  585. }
  586. .weather-card .weather-advice.data-v-a869e244 {
  587. background: rgba(59, 180, 74, 0.05);
  588. border-radius: 16rpx;
  589. padding: 16rpx;
  590. }
  591. .weather-card .weather-advice .advice-header.data-v-a869e244 {
  592. display: flex;
  593. align-items: center;
  594. margin-bottom: 10rpx;
  595. }
  596. .weather-card .weather-advice .advice-header .icon-tile.data-v-a869e244 {
  597. width: 24rpx;
  598. height: 24rpx;
  599. border-radius: 50%;
  600. background: linear-gradient(135deg, #3BB44A, #66CC6A);
  601. display: flex;
  602. align-items: center;
  603. justify-content: center;
  604. margin-right: 10rpx;
  605. box-shadow: 0 2rpx 8rpx rgba(59, 180, 74, 0.25);
  606. }
  607. .weather-card .weather-advice .advice-header .icon-tile.small.data-v-a869e244 {
  608. width: 24rpx;
  609. height: 24rpx;
  610. }
  611. .weather-card .weather-advice .advice-header .advice-title.data-v-a869e244 {
  612. font-size: 24rpx;
  613. font-weight: 600;
  614. color: #2C3E50;
  615. }
  616. .weather-card .weather-advice .advice-content.data-v-a869e244 {
  617. font-size: 24rpx;
  618. color: #2C3E50;
  619. line-height: 1.4;
  620. }
  621. @media screen and (max-width: 768px) {
  622. .stats-overview.data-v-a869e244 {
  623. grid-template-columns: repeat(2, 1fr);
  624. }
  625. .crop-grid.data-v-a869e244 {
  626. grid-template-columns: 1fr;
  627. }
  628. }
  629. .device-overview .device-metrics-grid.data-v-a869e244 {
  630. display: grid;
  631. grid-template-columns: repeat(2, 1fr);
  632. gap: 16rpx;
  633. padding: 16rpx;
  634. }
  635. .device-overview .device-metric-card.data-v-a869e244 {
  636. background: white;
  637. border-radius: 16rpx;
  638. padding: 20rpx;
  639. box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.03);
  640. border: 1px solid rgba(0, 0, 0, 0.02);
  641. }
  642. .device-overview .device-metric-card .device-metric-header.data-v-a869e244 {
  643. display: flex;
  644. align-items: center;
  645. margin-bottom: 16rpx;
  646. }
  647. .device-overview .device-metric-card .device-metric-header .icon-tile.data-v-a869e244 {
  648. width: 24rpx;
  649. height: 24rpx;
  650. border-radius: 50%;
  651. display: flex;
  652. align-items: center;
  653. justify-content: center;
  654. margin-right: 10rpx;
  655. box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.08);
  656. }
  657. .device-overview .device-metric-card .device-metric-header .metric-name.data-v-a869e244 {
  658. font-size: 24rpx;
  659. color: #8C9396;
  660. }
  661. .device-overview .device-metric-card .device-metric-value.data-v-a869e244 {
  662. font-size: 44rpx;
  663. font-weight: 700;
  664. color: #2C3E50;
  665. margin-bottom: 12rpx;
  666. }
  667. .device-overview .device-metric-card .device-metric-trend.data-v-a869e244 {
  668. display: flex;
  669. align-items: center;
  670. font-size: 22rpx;
  671. }
  672. .device-overview .device-metric-card .device-metric-trend.up.data-v-a869e244 {
  673. color: #3BB44A;
  674. }
  675. .device-overview .device-metric-card .device-metric-trend.down.data-v-a869e244 {
  676. color: #FF5252;
  677. }
  678. .device-overview .device-metric-card .device-metric-trend text.data-v-a869e244 {
  679. margin-left: 4rpx;
  680. }
  681. .machinery-activity .machinery-metrics-grid.data-v-a869e244 {
  682. display: grid;
  683. grid-template-columns: repeat(2, 1fr);
  684. gap: 16rpx;
  685. padding: 16rpx;
  686. }
  687. .machinery-activity .machinery-metric-card.data-v-a869e244 {
  688. background: white;
  689. border-radius: 16rpx;
  690. padding: 20rpx;
  691. box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.03);
  692. border: 1px solid rgba(0, 0, 0, 0.02);
  693. }
  694. .machinery-activity .machinery-metric-card .machinery-metric-header.data-v-a869e244 {
  695. display: flex;
  696. align-items: center;
  697. margin-bottom: 16rpx;
  698. }
  699. .machinery-activity .machinery-metric-card .machinery-metric-header .icon-tile.data-v-a869e244 {
  700. width: 24rpx;
  701. height: 24rpx;
  702. border-radius: 50%;
  703. display: flex;
  704. align-items: center;
  705. justify-content: center;
  706. margin-right: 10rpx;
  707. box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.08);
  708. }
  709. .machinery-activity .machinery-metric-card .machinery-metric-header .metric-name.data-v-a869e244 {
  710. font-size: 24rpx;
  711. color: #8C9396;
  712. }
  713. .machinery-activity .machinery-metric-card .machinery-metric-value.data-v-a869e244 {
  714. font-size: 44rpx;
  715. font-weight: 700;
  716. color: #2C3E50;
  717. margin-bottom: 12rpx;
  718. }
  719. .machinery-activity .machinery-metric-card .machinery-metric-trend.data-v-a869e244 {
  720. display: flex;
  721. align-items: center;
  722. font-size: 22rpx;
  723. }
  724. .machinery-activity .machinery-metric-card .machinery-metric-trend.up.data-v-a869e244 {
  725. color: #3BB44A;
  726. }
  727. .machinery-activity .machinery-metric-card .machinery-metric-trend.down.data-v-a869e244 {
  728. color: #FF5252;
  729. }
  730. .machinery-activity .machinery-metric-card .machinery-metric-trend text.data-v-a869e244 {
  731. margin-left: 4rpx;
  732. }
  733. .machinery-activity .machinery-metric-card .machinery-metric-unit.data-v-a869e244 {
  734. font-size: 22rpx;
  735. color: #8C9396;
  736. }