.App{position:relative;min-height:100vh}.head{display:flex;flex-direction:column;align-items:center;justify-content:center}.tab-strip{margin-top:.1rem;display:flex;gap:.12rem;flex-wrap:wrap;justify-content:center}.tab-strip span{padding:.05rem .2rem;border:1px solid rgba(73,188,247,.3);color:#fff9;font-size:.18rem}.tab-strip span.active{color:#fff;border-color:#02a6b5;background:rgba(2,166,181,.2)}.agricultural-dashboard{position:relative;z-index:2}.dashboard-grid{display:grid;grid-template-columns:28% 42% 30%;gap:.15rem}.column{display:flex;flex-direction:column;gap:.15rem}.panel{min-height:0}.weather-panel{padding:.18rem .2rem .22rem}.weather-header{display:flex;align-items:center;gap:.2rem;padding:.18rem .2rem;border:1px solid rgba(73,188,247,.3);border-radius:.12rem;background:linear-gradient(135deg,rgba(3,120,140,.35),rgba(2,39,69,.6));box-shadow:inset 0 0 20px #0699b733}.realtime-temp{display:flex;align-items:center;gap:.15rem;padding-right:.28rem;border-right:1px solid rgba(255,255,255,.12)}.thermometer-icon{width:.62rem;height:.62rem;border-radius:.16rem;background:radial-gradient(circle at 65% 30%,#ffefbe,#ffb44a 60%,#d86b2b);border:1px solid rgba(255,255,255,.4);box-shadow:0 0 12px #ffbb4f99;position:relative}.thermometer-icon:after{content:"";position:absolute;width:.14rem;height:.38rem;left:50%;top:50%;transform:translate(-50%,-35%);background:linear-gradient(180deg,rgba(255,255,255,.7),rgba(255,152,88,.6));border-radius:.12rem}.realtime-temp .label{color:#ffffffb3;font-size:.18rem;margin-bottom:.05rem}.realtime-temp .value{font-size:.62rem;color:#ffeb7b;margin:0;line-height:1}.realtime-temp .value span{font-size:.28rem;margin-left:.04rem}.weather-meta-grid{display:flex;justify-content:space-between;align-items:center;flex:1;gap:.3rem}.meta-block{color:#fffc}.meta-block .date{margin:0;font-size:.2rem;letter-spacing:.02rem}.status-line{display:flex;align-items:center;gap:.08rem;margin-top:.04rem}.status-line img{width:.32rem;height:.32rem}.status-line span{font-size:.18rem;color:#fffc}.meta-block.align-right{text-align:right}.meta-block .time{font-size:.3rem;margin:0;color:#fff}.meta-block .range{margin:.02rem 0 0;font-size:.18rem;color:#ffffffbf}.aqi-card{width:.75rem;height:.9rem;border-radius:.14rem;border:1px solid rgba(255,255,255,.2);background:rgba(3,73,66,.6);text-align:center;display:flex;flex-direction:column;justify-content:center}.aqi-value{color:#ffeb7b;font-size:.32rem;margin:0;line-height:1.1}.aqi-level{margin:0;color:#fffc;font-size:.18rem}.weather-extra{margin:.14rem 0 .05rem;display:flex;justify-content:space-between;color:#ffffffb3;font-size:.18rem;padding:0 .1rem}.forecast-grid{display:grid;grid-template-columns:repeat(8,minmax(.86rem,1fr));gap:.08rem;margin-top:.12rem;overflow-x:auto;padding-bottom:.04rem}.forecast-grid::-webkit-scrollbar{height:2px}.forecast-grid::-webkit-scrollbar-thumb{background:rgba(73,188,247,.4)}.forecast-item{padding:.08rem .05rem;border:1px solid rgba(73,188,247,.2);border-radius:.08rem;background:rgba(4,40,66,.7);text-align:center;font-size:.15rem}.forecast-item .week{color:#49bcf7;margin:0;font-size:.17rem}.forecast-item .date{color:#fff9;margin:.02rem 0 .04rem}.forecast-icon{width:.36rem;height:.36rem;margin:.04rem auto;border-radius:50%;background:radial-gradient(circle at 50% 35%,#ffffff,rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.25)}.forecast-icon.icon-sunny{background:radial-gradient(circle at 50% 40%,#fffdf1,#ffc155);box-shadow:0 0 8px #ffc15599}.forecast-icon.icon-cloudy{background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(180,206,237,.8));box-shadow:inset 0 -4px 6px #0319304d}.forecast-item .status{color:#ffffffbf;margin:.02rem 0}.forecast-item .range{color:#fffc;margin:0;font-size:.16rem}.panel-chart{width:100%;height:24vh}.chart-medium{height:28vh}.chart-small{height:22vh}.chart-map{height:32vh}.panel-chart .allnav{height:100%}.soil-sensors{display:grid;grid-template-columns:repeat(3,1fr);gap:.1rem;margin-top:.12rem}.sensor-item{border:1px solid rgba(255,255,255,.08);padding:.08rem;text-align:center}.sensor-item .label{color:#ffffffb3;font-size:.16rem;margin-bottom:.04rem}.sensor-item .value{color:#fff;font-size:.18rem}.pest-gallery{display:flex;justify-content:space-between;margin-bottom:.1rem}.pest-item{text-align:center;color:#ffffffb3}.pest-item .badge{width:.8rem;height:.8rem;border-radius:50%;border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;margin:0 auto .05rem;font-size:.24rem;color:#45ffc2}.field-panel .field-viewport{position:relative;height:32vh;background-image:linear-gradient(rgba(0,20,60,.4),rgba(0,20,60,.4)),url(/picture/map.png);background-size:cover;background-position:center;border:1px solid rgba(2,166,181,.3);margin-top:.1rem}.machinery-panel{position:absolute;top:.3rem;right:.3rem;display:grid;grid-template-columns:repeat(2,1fr);gap:.1rem}.machinery-card{background:rgba(13,55,105,.65);border:1px solid rgba(2,166,181,.4);padding:.12rem .18rem}.machinery-card .label{color:#ffffffb3;font-size:.16rem;margin-bottom:.05rem}.machinery-card .value{color:#7df3ff;font-size:.32rem;margin:0}.machinery-card .value span{font-size:.18rem;margin-left:.05rem;color:#ffffffb3}.field-stations .station{position:absolute;padding:.05rem .12rem;border:1px solid rgba(255,255,255,.4);background:rgba(0,24,80,.8);font-size:.16rem;color:#fff}.center-lower{display:grid;grid-template-columns:55% 45%;gap:.15rem}.inventory-panel .compact-title{font-size:.18rem;margin-top:.2rem}.scroll-list{height:2.4rem;overflow:hidden;margin-top:.1rem}.scroll-list .scroll-track{display:flex;flex-direction:column;animation:scrollY 14s linear infinite}.scroll-row{display:flex;justify-content:space-between;padding:.08rem 0;font-size:.18rem;color:#fffc;border-bottom:1px dashed rgba(255,255,255,.08)}.news-list{height:3.2rem}.news-list .scroll-track{animation-duration:18s}.news-row{display:flex;align-items:flex-start;gap:.08rem;padding:.08rem 0;color:#ffffffbf;font-size:.18rem;border-bottom:1px dashed rgba(255,255,255,.08)}.news-row span{color:#02a6b5}@keyframes scrollY{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.image-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.1rem}.image-grid figure{margin:0;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.image-grid img{width:100%;height:100%;object-fit:cover;display:block}.image-grid figcaption{position:absolute;bottom:0;left:0;right:0;padding:.05rem .1rem;background:rgba(0,0,0,.4);color:#fff;font-size:.16rem}.expert-card{display:flex;gap:.15rem;align-items:center}.expert-card img{width:1.6rem;height:1.6rem;object-fit:cover;border-radius:.08rem;border:1px solid rgba(255,255,255,.2)}.expert-card .name{font-size:.22rem;color:#fff;margin:0}.expert-card .title{color:#49bcf7;margin:.05rem 0}.expert-card .desc{color:#ffffffbf;margin:0;line-height:1.4}