:root{color:#f5f1dd;font-family:Avenir Next,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none}*{box-sizing:border-box}html,body,#farm-root{height:100%;margin:0;overflow:hidden;width:100%}button,textarea{font:inherit}.farm-page{background:#1c3123;height:100%;isolation:isolate;overflow:hidden;position:relative;width:100%}.farm-canvas,.farm-canvas canvas{display:block;height:100%;width:100%}.farm-canvas{background-color:#8fb4bb;background-image:url(../img/farm/farm-horizon.webp);background-position:center;background-repeat:no-repeat;background-size:cover;top:0;right:0;bottom:0;left:0;position:absolute;z-index:-1}.farm-topbar{align-items:center;background:#122319e6;border-bottom:1px solid rgba(238,231,199,.16);display:grid;grid-template-columns:minmax(120px,1fr) auto minmax(120px,1fr);height:68px;left:0;padding:0 22px;position:absolute;right:0;top:0;z-index:20}.farm-back,.farm-brand{align-items:center;color:#f5f1dd;display:inline-flex;text-decoration:none}.farm-back{font-size:12px;font-weight:800;gap:8px;justify-self:start}.farm-back span{font-size:20px}.farm-brand{gap:9px;justify-self:center}.farm-brand img{height:30px;width:30px}.farm-brand strong{font-family:Georgia,Songti SC,serif;font-size:18px}.farm-brand span{border-left:1px solid rgba(238,231,199,.22);color:#aebead;font-size:10px;margin-left:4px;padding-left:12px}.farm-status{align-items:center;color:#c7d4c5;display:flex;font-size:10px;font-weight:800;gap:8px;justify-self:end}.farm-status i{background:#9dd16e;border-radius:50%;box-shadow:0 0 0 4px #9dd16e21;height:7px;width:7px}.farm-status time{color:#f5f1dd;font-size:13px;margin-left:8px}.farmer-rail{background:#14271ce8;border-right:1px solid rgba(238,231,199,.15);bottom:0;left:0;padding:92px 12px 18px;position:absolute;top:0;width:226px;z-index:10}.farmer-rail>strong{color:#91a792;display:block;font-size:9px;letter-spacing:0;margin:0 8px 12px}.farmer-rail>div{display:grid;gap:4px;max-height:calc(100vh - 130px);overflow-y:auto}.farmer-rail button{align-items:center;background:transparent;border:1px solid transparent;border-radius:5px;color:#e9eddc;cursor:pointer;display:grid;gap:0 10px;grid-template-columns:38px minmax(0,1fr);min-height:58px;padding:8px;text-align:left;width:100%}.farmer-rail button:hover{background:#ffffff0f}.farmer-rail button.is-active{background:#31533b;border-color:#c1daa840}.farmer-rail img,.farmer-rail button>span{align-items:center;background:#d4dfc6;border-radius:50%;color:#253b2c;display:flex;font-size:14px;font-weight:900;grid-row:1 / 3;height:38px;justify-content:center;object-fit:cover;width:38px}.farmer-rail b,.farmer-rail small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.farmer-rail b{font-size:11px}.farmer-rail small{color:#9db09f;font-size:9px;margin-top:4px}.plot-panel{background:#f4f5e7f5;bottom:18px;color:#1f3426;max-height:calc(100vh - 104px);overflow-y:auto;padding:22px;position:absolute;right:18px;top:86px;width:354px;z-index:12}.plot-panel__owner{align-items:center;border-bottom:1px solid rgba(31,52,38,.14);display:flex;justify-content:space-between;padding-bottom:12px}.plot-panel__owner span{font-size:11px;font-weight:900}.plot-panel__owner small{color:#718073;font-size:9px}.plot-panel__product{align-items:center;display:grid;gap:11px;grid-template-columns:44px minmax(0,1fr) auto;padding:18px 0}.plot-panel__product img{background:#fff;border:1px solid rgba(31,52,38,.14);border-radius:6px;height:44px;object-fit:cover;width:44px}.plot-panel__product span{color:#5b795e;font-size:9px;font-weight:900}.plot-panel__product h1{font-family:Georgia,Songti SC,serif;font-size:20px;line-height:1.15;margin:3px 0 0;overflow-wrap:anywhere}.plot-panel__product>strong{color:#6d786e;font-size:8px;text-align:right}.plot-panel__product>strong b{color:#315c3d;display:block;font-size:25px;font-variant-numeric:tabular-nums}.plot-panel__lesson{border-bottom:1px solid rgba(31,52,38,.14);border-top:1px solid rgba(31,52,38,.14);padding:15px 0}.plot-panel__lesson h2{font-size:11px;margin:0}.plot-panel__lesson p{color:#516254;font-size:12px;line-height:1.68;margin:8px 0 0}.plot-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0}.plot-metrics div{border-bottom:1px solid rgba(31,52,38,.14);padding:11px 4px;text-align:center}.plot-metrics div+div{border-left:1px solid rgba(31,52,38,.14)}.plot-metrics dt{color:#718073;font-size:8px;font-weight:900}.plot-metrics dd{color:#315c3d;font-size:16px;font-weight:900;margin:4px 0 0}.plot-actions{display:grid;gap:6px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}.plot-actions button,.plot-actions a,.plot-feedback button{align-items:center;background:#315c3d;border:1px solid #315c3d;border-radius:4px;color:#f7f3df;cursor:pointer;display:flex;font-size:10px;font-weight:900;justify-content:center;min-height:37px;padding:0 8px;text-align:center;text-decoration:none}.plot-actions a{background:transparent;color:#315c3d}.plot-actions button:disabled,.plot-feedback button:disabled{background:#d7ddd2;border-color:#d7ddd2;color:#7f8980;cursor:not-allowed}.plot-feedback{margin-top:15px}.plot-feedback label{display:block;font-size:10px;font-weight:900;margin-bottom:6px}.plot-feedback textarea{background:#ffffffb3;border:1px solid rgba(31,52,38,.2);border-radius:4px;color:#1f3426;font-size:11px;height:64px;line-height:1.5;padding:8px;resize:vertical;width:100%}.plot-feedback button{margin-top:5px;width:100%}.plot-notice{background:#e4ebde;border-left:3px solid #567f59;color:#435646;font-size:10px;line-height:1.5;margin-top:10px;padding:8px}.plot-notice a{color:#254c32;display:block;font-weight:900;margin-top:4px}.farm-state{align-items:center;background:#122319e6;color:#e8ecd9;display:flex;font-size:12px;gap:12px;left:50%;padding:16px 20px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:30}.farm-state span{background:#9dd16e;border-radius:50%;height:9px;width:9px}.farm-state span.is-loading{animation:farm-pulse .8s ease-in-out infinite alternate}@keyframes farm-pulse{to{opacity:.25;transform:scale(.75)}}.farmer-rail button:focus-visible,.plot-panel button:focus-visible,.plot-panel a:focus-visible,.plot-panel textarea:focus-visible,.farm-back:focus-visible,.farm-brand:focus-visible{outline:3px solid #e2ca68;outline-offset:2px}@media (max-width: 820px){.farm-topbar{grid-template-columns:auto 1fr auto;height:58px;padding:0 12px}.farm-back{font-size:0}.farm-back span{font-size:22px}.farm-brand{justify-self:start;margin-left:12px}.farm-brand span{display:none}.farm-status{font-size:0}.farm-status time{font-size:11px;margin-left:3px}.farmer-rail{border-bottom:1px solid rgba(238,231,199,.15);border-right:0;bottom:auto;height:76px;padding:8px 10px;top:58px;width:100%}.farmer-rail>strong{display:none}.farmer-rail>div{display:flex;max-height:none;overflow-x:auto}.farmer-rail button{flex:0 0 178px}.plot-panel{bottom:0;left:0;max-height:39vh;padding:15px 16px calc(16px + env(safe-area-inset-bottom));right:0;top:auto;width:100%}.plot-panel__owner{padding-bottom:8px}.plot-panel__product,.plot-panel__lesson{padding:10px 0}.plot-panel__lesson p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.plot-feedback textarea{height:54px}}@media (max-width: 480px){.farm-brand strong{font-size:15px}.plot-panel{max-height:42vh}.plot-metrics{display:none}}@media (prefers-reduced-motion: reduce){.farm-state span.is-loading{animation:none}}